title: Uncaught TypeError - Cannot read property 'msie' of undefined in jQgrid
body: <p>Sorry for repeated question but previous answers of such questions didn't give me solution.</p>
  
  <p>I've done following:
  - Used <code>jQGrid</code> 3.5.3</p>
  
  <p>Included js files are: </p>
  
  <pre><code>&lt;script src="Script/Jquery.js" type="text/javascript"&gt;&lt;/script&gt;
  
      &lt;script src="Script/jquery.jqGrid.min.js" type="text/javascript"&gt;&lt;/script&gt;
  
      &lt;script src="Script/jquery-1.3.2.min.js" type="text/javascript"&gt;&lt;/script&gt;
  
      &lt;script src="Script/jquery-1.9.1.js" type="text/javascript"&gt;&lt;/script&gt;
  
      &lt;script src="Script/jquery-migrate-1.2.1.min.js" type="text/javascript"&gt;&lt;/script&gt;
  
      &lt;script src="http://code.jquery.com/ui/1.10.4/jquery-ui.js" type="text/javascript"&gt;&lt;/script&gt;
  </code></pre>
  
  <p>I'm facing above error in <code>jquery.jqGrid.min.js</code>.</p>
  
  <h2>HTML Code</h2>
  
  <pre><code>&lt;form id="form1" runat="server"&gt;
      &lt;asp:ScriptManager ID="ScriptManager1" runat="server"&gt;
      &lt;/asp:ScriptManager&gt;
      &lt;div style="align: center"&gt;
          &lt;fieldset style=""&gt;
              &lt;legend style="text-align: Left; font-size: medium;"&gt;&lt;strong&gt;User Details &lt;/strong&gt;
              &lt;/legend&gt;
              &lt;asp:UpdatePanel ID="UpdatePanel1" runat="server" UpdateMode="Conditional" RenderMode="Inline"&gt;
                  &lt;ContentTemplate&gt;
                      &lt;table style="width: auto; max-width: 60%"&gt;
                          &lt;tr&gt;
                              &lt;td style="text-align: right"&gt;
                                  &lt;strong style="font-size: small"&gt;Name* :&lt;/strong&gt;
                              &lt;/td&gt;
                              &lt;td style="text-align: left"&gt;
                                  &lt;asp:TextBox runat="server" ID="txtName" placeholder="Enter Name" TabIndex="1"&gt;&lt;/asp:TextBox&gt;
                              &lt;/td&gt;
                          &lt;/tr&gt;
                          &lt;tr&gt;
                              &lt;td style="text-align: right"&gt;
                                  &lt;strong style="font-size: small"&gt;DOB* :&lt;/strong&gt;
                              &lt;/td&gt;
                              &lt;td style="text-align: left"&gt;
                                  &lt;input type="text" id="txtDOB" tabindex="2" /&gt;
                                  &lt;%--&lt;asp:TextBox runat="server" ID="datepicker" placeholder="Enter DOB"&gt;&lt;/asp:TextBox&gt;--%&gt;
                              &lt;/td&gt;
                              &lt;td style="text-align: right"&gt;
                                  &lt;strong style="font-size: small"&gt;Age :&lt;/strong&gt;
                              &lt;/td&gt;
                              &lt;td style="text-align: left"&gt;
                                  &lt;asp:TextBox runat="server" ID="txtAge" Enabled="false"&gt;&lt;/asp:TextBox&gt;
                              &lt;/td&gt;
                          &lt;/tr&gt;
                          &lt;tr&gt;
                              &lt;td style="text-align: right"&gt;
                                  &lt;strong style="font-size: small"&gt;Group* :&lt;/strong&gt;
                              &lt;/td&gt;
                              &lt;td style="text-align: left"&gt;
                                  &lt;asp:DropDownList runat="server" ID="ddlGroup" TabIndex="3"&gt;
                                      &lt;asp:ListItem Selected="True" Value="0"&gt;Select Value&lt;/asp:ListItem&gt;
                                      &lt;asp:ListItem Value="1"&gt;Gold&lt;/asp:ListItem&gt;
                                      &lt;asp:ListItem Value="2"&gt;Silver&lt;/asp:ListItem&gt;
                                      &lt;asp:ListItem Value="3"&gt;Bronze&lt;/asp:ListItem&gt;
                                  &lt;/asp:DropDownList&gt;
                              &lt;/td&gt;
                              &lt;td style="text-align: right"&gt;
                                  &lt;asp:CheckBox runat="server" ID="chkActive" Text="Active" TabIndex="4" /&gt;
                              &lt;/td&gt;
                          &lt;/tr&gt;
                          &lt;tr&gt;
                              &lt;td colspan="100%" align="center"&gt;
                                  &lt;asp:Button runat="server" ID="btnAdd" Text="ADD" OnClientClick="fnValidate();" TabIndex="5" /&gt;
                              &lt;/td&gt;
                          &lt;/tr&gt;
                      &lt;/table&gt;
                  &lt;/ContentTemplate&gt;
                  &lt;Triggers&gt;
                      &lt;asp:PostBackTrigger ControlID="btnAdd" /&gt;
                  &lt;/Triggers&gt;
              &lt;/asp:UpdatePanel&gt;
          &lt;/fieldset&gt;
          &lt;div align="center"&gt;
              &lt;table id="tblData"&gt;
              &lt;/table&gt;
          &lt;/div&gt;
      &lt;/div&gt;
      &lt;/form&gt;
  </code></pre>
  
  <p>My scripting code for this is:</p>
  
  <pre><code>var username = new Array();
          var len = username.length;
          $(function() {
              $("#txtDOB").datepicker();
          });
  
          function fnValidate() {
              if ($("#txtName").val() == "") {
                  alert("Please Enter UserName");
                  $("#txtName").focus();
                  return false;
              }
              else {
                  var alphaValidate = /^[a-zA-Z ]*$/;
                  if (!alphaValidate.test($("#txtName").val())) {
                      alert("Please Enter Only Text in User Name");
                      $("#txtName").val() = "";
                      $("#txtName").focus();
                      return false;
                  }
              }
              if (jQuery.inArray($("#txtName").val().toUpperCase(), username) == 0) {
                  alert("Please Enter Unique UserName.");
                  return false;
              }
              if ($("#txtDOB").val() == "") {
                  alert("Please Enter Birth Date.");
                  return false;
              }
              //            if ($("#txtDOB").val().match(/(\d+)(-|\/)(\d+)(?:-|\/)(?:(\d+)\s+(\d+):(\d+)(?::(\d+))?(?:\.(\d+))?)?/)) {
              //                alert("Please Enter Only Numeric Value In DOB! (Allowed input:0-9)")
              //                return false;
              //            }
              if ($("#txtAge").val().length &gt; 2) {
                  alert("Age Should be Less than 100.");
                  return false;
              }
              if ($("#ddlGroup option:selected").val() == 0) {
                  alert("Please Select Group!");
                  $("#ddlGroup").focus();
                  return false;
              }
              username[len] = $("#txtName").val().toUpperCase();
              fnAddDetails();
              return true;
          }
          function fnAddDetails() {
              debugger;
              var content = {};
              content.name = $("#txtName").val();
              content.dob = $("#txtDOB").val();
              content.group = $("#ddlGroup option:selected").text();
              content.active = "No";
              if ($("#chkActive").attr("checked")) {
                  content.active = "Yes";
              }
              var jsonText = JSON.stringify(content);
              debugger;
              $.ajax({
                  type: "POST",
                  url: "Test_sspl142_jQuery_JavaScript.aspx/GetDate",
                  contentType: "application/json; charset=utf-8",
                  dataType: "json",
                  data: jsonText,
                  success: function(data) {
                      debugger;
                      var dataget = $.parseJSON(data.d);
                      jQuery("#tblData").jqGrid({
                          datatype: 'json',
                          colNames: ['name', 'group', 'active', 'age'],
                          colModel: [
                              { name: 'name', width: 60 },
                              { name: 'group', width: 90 },
                              { name: 'active', width: 100 },
                              { name: 'age', width: 80, align: "right" },
                          ],
                          rowNum: 10,
                          rowList: [10, 20, 30],
                          pager: '#pager3',
                          viewrecords: true,
                          loadonce: true
                      });
                  },
                  error: function(ex) {
                      alert("Error Occured while saving data in grid...");
                      console.log(ex);
                  }
              });
          }
  </code></pre>