title: JQgrid custom add a row
body: <p>i have one button out side of jqGrid. when i click the button it should hit the inside the jqGrid add button. is it possible.</p>
  
  <pre><code>&lt;input type="button" id="btnCustomAdd" value="Add"/&gt;
  </code></pre>
  
  <p>when i click the above button inside jqGrid button should hit. is it possible. </p>
  
  <p><strong>jqGrid:</strong></p>
  
  <pre><code> $("#Datasourcegrid").jqGrid({
                postData: { CAId: function () { return $('#hdnchnAppId').val(); } },
                  colNames: ['DataSourceId', 'Title','Sort Order'],
                  colModel: [
                              { name: 'DataSourceId', index: 'DataSourceId', align: 'left', key: true, editable: false, hidden: true, search:false,width: '10'},
                              { name: 'DataSourceTitle', index: 'DataSourceTitle', sortable: true, align: 'left', width: '400',editable: true, edittype: 'text', editrules: { required: true },stype:'text', search:true,searchoptions:{sopt:['eq']}},
                              { name: 'SortOrder', index: 'SortOrder', sortable: true, align: 'left', width: '100',editable: true, hidden: true, edittype: 'text', editrules:{number:true, required:true}, search:false},
  
   ],
  </code></pre>