title: dataEvents and .change() method not working in jqgrid/jquery
body: <p>I have one jqgrid with two below columns, <strong>Owner</strong> and <strong>NotifyUsers</strong>. <strong>NotifyUser</strong> depends on value of <strong>Owner</strong> column. Like Conutry -> State -> city. </p>
  
  <pre><code> {name:'owner',index:'owner',width:80,hidden:false,search:false,align:'center',
          edittype:'select',editable:true},
  
  {name:'notifyUsers',index:'notifyUsers',width:100,hidden:false,search:false,align:'center',
      edittype:'select',editable:true,editoptions:{ value:'${notifiedUserList}', multiple: true}},
  </code></pre>
  
  <p>I am doing Form Editing. When we select any row I have below code to populate both these SelectBox.</p>
  
  <pre><code> ondblClickRow: function(rowid) {               
          $("#searchcriteraigrid").setColProp('owner', {editoptions:{dataUrl:'getUserList.html?critId=' + rowid}});
          $("#searchcriteraigrid").setColProp('notifyUsers', {editoptions:{dataUrl:'getNotifiedUSerList.html?critId=' + rowid, multiple: true}});
  )};
  </code></pre>
  
  <p>There is no problem upto this.</p>
  
  <p>But I need to populate <strong>NotifyUsers</strong> dropdown based on the value of <strong>Owner</strong> Drop down.</p>
  
  <p>I tried with 2 approches like using below code in <strong>Owner's</strong> column.</p>
  
  <pre><code>editoptions:{                           
    dataEvents: [
        {
          type: 'change',
          fn: function(e) {
          modifyNotifyUsers(e);
          }
        }
      ]
  },
  </code></pre>
  
  <p>And modifyNotifyUsers(e) somewhere written as </p>
  
  <pre><code>function modifyNotifyUsers(e){
    var userId = $(e.target).val();
    $.ajax({
        url:"getNotifiedUsersOnOwner.html?userId="+userId,
        type: "get",
        success:function(newOptions){
        var form = $(e.target).closest("form.FormGrid");
        $("select#notifyUsers.FormElement",form[0]).html(newOptions);
     }
   });
  } 
  </code></pre>
  
  <p>This approach is not working because, I think, I do not hvae <code>value</code> attribute in <code>editoptions</code> of <strong>Owner</strong> column. 
  I tried using <code>dataUrl</code> also in <code>editopions</code> but my url is dynamic that's why I have to use <code>dataUrl</code> with <code>ondblClickRow()</code></p>
  
  <p>I tried calling simple jquery method on change of <strong>Owner</strong> dropdown like below.</p>
  
  <pre><code>$('#owner').change(function(){
       $('#searchcriteraigrid').setColProp('notifyUsers',{
        editoptions:{
           dataUrl:'getNotifiedUsersOnOwner.html?crit'+$('#criteriaId').val()
         }
    });       
  </code></pre>
  
  <p>But this method call is also not happening. And the irony is, when I save my page as simple HTML and open that HTML in my browser then this method call happens. I can see by putting some alerts in method.</p>
  
  <p>Could you please help me to get this working in any way or suggest me what and where I am doing anything wrong.</p>