title: jqGrid filling select in EditForm
body: <p>I use jqGrid  4.2.0. In EditForm there are two selects:
  1) REGION_ID - it fills in form opening
  2) TOWN_ID   - must show towns of the selected region</p>
  
  <p>When I open the form in first time and change REGION the list of towns is not changeing and the function <strong>regionOnChange</strong> is not called.
  But when I close the form and click "Add" button again after changing region the list of towns changes. </p>
  
  <p>Please help to solve this problem.</p>
  
  <pre><code>colModel: [
                    { name: 'Id', index: 'Id', width: 30, align: 'left', hidden: true, editrules: { edithidden: true} },
                    { name: 'NAME', index: 'NAME', width: 250, align: 'left', editable: true, editoptions: { size: 64} },
                  { name: 'REGION_ID', index: 'REGION_ID', hidden: true, edittype: "select", editable: true, editrules: { edithidden: true }
                      , editoptions: { dataUrl: '/Directory/GetRegion?countryId_=0',
                          buildSelect: function(data) {
                              var d = jQuery.parseJSON(data)
                              var s = '&lt;select id="TOWN_ID"&gt;';
                              if (d.length) {
                                  $.each(d, function(i) {                                        
                                          s += '&lt;option value="' + this.id + '"&gt;' + this.name + '&lt;/option&gt;';
                                  });
                              }
                              return s + "&lt;/select&gt;";
                          }
                          }
                      },                    
                  { name: 'TOWN_ID', index: 'TOWN_ID', hidden: true, edittype: "select", editable: true, editrules: { edithidden: true }
                      , editoptions: { dataUrl: '/Directory/GetTowns?regionId_=62',
                          buildSelect: function(data) {
                              var d = jQuery.parseJSON(data)
                              var s = '&lt;select&gt;';
                              if (d.length) {
                                  $.each(d, function(i) {                                        
                                          s += '&lt;option value="' + this.id + '"&gt;' + this.name + '&lt;/option&gt;';
                                  });
                              }
                              return s + "&lt;/select&gt;";
                          }
                      }
                  },   
  </code></pre>
  
  <p>...</p>
  
  <pre><code>jQuery("#list").jqGrid('navGrid', '#pager',
              { del: false, add: true, edit: false, search: false, jqModal: true },  //options
              {},                                                     //edit option
              {width: 450, jqModal: true, closeAfterAdd: true, afterSubmit: processAddEdit, afterShowForm: processShowForm
                  ,onInitializeForm: onInitFrm },                     //add option
              {},                                                     //del
              {},                                                     //search
              {}                                                                                                            
              );
  </code></pre>
  
  <p>And this is the code how TOWN list is changing after selecting enother REGION</p>
  
  <pre><code>    function onInitFrm(formid) {    
         $("select").filter("#REGION_ID").change(regionOnChange);
      }
      function processShowForm(formid) {           
          $("select").filter("#REGION_ID").change(regionOnChange);
      }
  
      function regionOnChange(reg) {
          var f = $("select[id='REGION_ID'] option:selected").val();
          $("select[id='TOWN_ID'] option").remove();
          if (f &gt; 0) {
              $.getJSON("/Directory/GetTowns", { regionId_: f }, getTown);
          }
      }
  
      function getTown(tow) {
          $("select[id='TOWN_ID'] option").remove();
          $("select[id='TOWN_ID']").append("&lt;option value=0&gt; &lt;/option&gt;");
  
          $.each(tow, function(i) {         
              $("select[id='TOWN_ID']").append("&lt;option value=" + this.id + "&gt;" + this.name + "&lt;/option&gt;");
          });
      }
  </code></pre>