title: google chrome--No Access-Control-Allow-Origin header is present on the requested resource
body: <p>I am trying to create a jquery grid which gets data from a json file.it is doing fine in Firefox. but doesn't work on Google chrome
  i am doing this from
  <a href="http://trirand.com/blog/jqgrid/jqgrid.html#" rel="nofollow">trirand examples</a></p>
  
  <p>i am giving the code to get json data</p>
  
  <pre><code>jQuery("#rowed2").jqGrid({
      url:'datagrid_data.json',
      datatype: "json",
      colNames:['Inv No','Date', 'Client', 'Amount','Tax','Total','Notes'],
      colModel:[
          {name:'id',index:'id', width:55},
          {name:'invdate',index:'invdate', width:90},
          {name:'name',index:'name asc, invdate', width:100},
          {name:'amount',index:'amount', width:80, align:"right"},
          {name:'tax',index:'tax', width:80, align:"right"},      
          {name:'total',index:'total', width:80,align:"right"},       
          {name:'note',index:'note', width:150, sortable:false}       
      ],
      rowNum:10,
      rowList:[10,20,30],
      pager: '#prowed2',
      sortname: 'id',
      viewrecords: true,
      sortorder: "desc",
      caption:"JSON Example"
  });
  jQuery("#rowed2").jqGrid('navGrid','#prowed2',{edit:false,add:false,del:false});
  </code></pre>