单选按钮的jQuery不工作

我使用HTML和JavaScript创建了一个Fiddle示例。

你能看一下吗?因为,它在那里工作得很好。

https://jsfiddle.net/cs3juct7/1/

$('#sponsor_user_name').trigger('blur');

  <div class="form-group row">
     <div class="col-sm-4 control-label">
        <input  type="radio" name="account_types" value="downline" checked="true">&nbsp;Downline Member
     </div>
     <div class="col-sm-4 control-label">
        <input  type="radio" name="account_types" value="MGM">&nbsp;MGM Member
     </div>            
     <input type="hidden" value="sponsor_name_value" name="sponsor_name" id="sponsor_name">
     <input type="hidden" value="sponsors_sponsor_name_value" id="sponsors_sponsor_name" name="sponsors_sponsor_name">
  </div><br>
  <input type="text" id="sponsor_user_name" name="sponsor_user_name" />

下面是更新的JavaScript。

$('input[type=radio][name=account_types]').on('change', function() {
     //alert(this.value);
    if (this.value == 'downline') {
        $('#sponsor_user_name').val($('#sponsor_name').val());

        //$('#sponsor_user_name').trigger('blur');

    }
    else if (this.value == 'MGM') {
        $('#sponsor_user_name').val($('#sponsors_sponsor_name').val());

        //$('#sponsor_user_name').trigger('blur');


    }
});

还请确保在两个隐藏的文本字段中都有一些值。i、 e.赞助商名称;赞助商名称

非常感谢。