How to invoke the reset selection and select all in jqGrid?

How to reset the selected rows and select all rows on external button click? i am trying to resetSelection() but not working ...

jQuery("selectAll").click(function(){ 
  jQuery('.cbox').trigger('click'); 
});

jQuery("clear").click(function(){ 
  var grid = $("#list10"); 
  grid.resetSelection(); 
  $('#cb_my_grid').click(); 

  var ids = grid.getDataIDs(); 
  for (var i=0, il=ids.length; i < il; i++ ) 
    grid.setSelection(ids[i], false); 
});

From stackoverflow

• The main reason why your code is not work is some syntax errors or wrong usage of jQuery selectors.

  You don't post your HTML code, so I suppose it look like following

  <input id="selectAll" type="button" value="Select All" />
  <input id="clear" type="button" value="Clear Selection" />
  <table id="list10"></table>
  <div id="pager"></div>
  

  The corresponding JavaSript code should be like following:

  var grid = $("#list10");
  $("#selectAll").click(function(){
      grid.jqGrid('resetSelection');
      var ids = grid.getDataIDs();
      for (var i=0, il=ids.length; i < il; i++) {
          grid.jqGrid('setSelection',ids[i], true);
      }
  });
  
  $("#clear").click(function(){
      grid.jqGrid('resetSelection');
  });
  

  A working example you can see under http://www.ok-soft-gmbh.com/jqGrid/DataToMultiSelect1.htm.