title: Microsoft JScript runtime error: Object doesn't support property or method 'jqGrid'
body: <p>while trying to load data from sqldatabase to jqgrid, on debugging the code the error popups saying </p>
  
  <p>"Microsoft JScript runtime error: Object doesn't support property or method 'jqGrid" and does not load data into jqgrid.</p>
  
  <pre><code>&lt;html&gt;
  &lt;head&gt;
      &lt;title&gt;&lt;/title&gt;
      &lt;link href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css" rel="stylesheet" type="text/css" /&gt;
      &lt;link href="../../Content/jquery.jqGrid/ui.jqgrid.css" rel="stylesheet" type="text/css" /&gt;
      &lt;link href="../../Content/themes/base/jquery.ui.all.css" rel="stylesheet" type="text/css" /&gt;
      &lt;script src="../../Scripts/jquery-2.0.2.min.js" type="text/javascript"&gt;&lt;/script&gt;
      &lt;script src="../../Scripts/i18n/grid.locale-en.js" type="text/javascript"&gt;&lt;/script&gt;
      &lt;script src="../../Scripts/jquery.jqGrid.min.js" type="text/javascript"&gt;&lt;/script&gt;
      &lt;script src="../../Scripts/knockout-2.2.1.js" type="text/javascript"&gt;&lt;/script&gt;
      &lt;script src="../../Scripts/knockout.mapping-latest.js" type="text/javascript"&gt;&lt;/script&gt;
      &lt;script type="text/javascript"&gt;
          $(document).ready(function () {
   $("#t1").jqGrid({
                  url: '/Home/getorders',
                  datatype: 'json',
                  mtype:'GET',
                  height: 150,
                  rowNum: 10,
                  rowList: [10, 20, 30],
                  colNames: ['id', 'invoicedate', 'name', 'note', 'tax', 'total'],
                  colModel: [{ name: 'id', index: 'id' },
                      { name: 'invoicedate', index: 'invoicedate' },
                      { name: 'name', index: 'name' },
                      { name: 'note', index: 'note' },
                      { name: 'tax', index: 'tax' },
                      { name: 'total', index: 'total'}],
                  viewrecords: true,
                  pager: "#d1",
                  caption: "Table Data"
              });
                          var ids = jQuery("#t1").jqGrid('getDataIDs');                                           
              for (var i = 0; i &lt; ids.length; i++)
                  jQuery("#t1").jqGrid('addRowData',ids[i]);
                                               // does not load data into table "#t1".//
          });                   
      &lt;/script&gt;
  &lt;/head&gt;
  &lt;body&gt;
      &lt;table id="t1"&gt;
      &lt;/table&gt;
      &lt;div id="d1"&gt;
      &lt;/div&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>