title: Gridview Freeze Panes Jscript runtime error
body: <p>I'm sure you are tired of this error, but I can't work out what my problem is looking at other peoples similar issues. 
  This is all to do with gridview freeze panes. I have a very basic web app that essentially shows a gridview (and also has custom paging functionality).</p>
  
  <p>I have used this site to try to incorporate column freezing in my gridview for when you scroll across the page, using this site:
  <a href="http://gridviewscroll.aspcity.idv.tw/Demo.aspx" rel="nofollow noreferrer">http://gridviewscroll.aspcity.idv.tw/Demo.aspx</a></p>
  
  <p>This is the error that I'm getting:
  Microsoft JScript runtime error: Object doesn't support this property or method</p>
  
  <p>and it highlights the below code on error:</p>
  
  <pre><code>  function gridviewScroll() {
              $('#&lt;%=gvOpportunity.ClientID%&gt;').gridviewScroll({
  
              });
          } 
  </code></pre>
  
  <p>Here is my full code, excluding the gridview itself (otherwise this post will be huge):</p>
  
  <pre><code>    PageSize:
   &lt;asp:DropDownList ID="ddlPageSize" runat="server" AutoPostBack="true" OnSelectedIndexChanged="PageSize_Changed"&gt;
  &lt;asp:ListItem Text="10" Value="10" /&gt;
  &lt;asp:ListItem Text="25" Value="25" /&gt;
  &lt;asp:ListItem Text="50" Value="50" /&gt;
  &lt;asp:ListItem Text="100" Value="100" /&gt;   
  </code></pre>
  
  <p></p>
  
  <pre><code>    &lt;asp:GridView ID="gvOpportunity" runat="server" DataKeyNames="ID" AutoGenerateColumns="False" EmptyDataText="There are no data records to display."
      OnRowUpdating="OnRowUpdating" OnRowEditing="OnRowEditing" OnRowCancelingEdit="OnRowCancelingEdit" 
      BorderWidth="0px" CellSpacing="1" CellPadding="1" GridLines="Horizontal" &gt;
          &lt;Columns&gt;
  
          &lt;asp:TemplateField HeaderText="No." &gt;
                  &lt;HeaderStyle Width="50px" HorizontalAlign="Center" /&gt;
                  &lt;ItemStyle Width="50px" HorizontalAlign="Center" /&gt;
                  &lt;ItemTemplate&gt;
                      &lt;asp:Label ID="lbRowNumber" runat="server" Text='&lt;%# Container.DataItemIndex + 1 %&gt;'&gt;&lt;/asp:Label&gt;
                  &lt;/ItemTemplate&gt;
              &lt;/asp:TemplateField&gt;
  
             ...............more template fields...........................
  
          &lt;/Columns&gt;
  
          &lt;HeaderStyle CssClass="GridviewScrollC1Header" /&gt; 
          &lt;RowStyle CssClass="GridviewScrollC1Item" /&gt; 
  
      &lt;/asp:GridView&gt;
  
      &lt;script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"&gt;&lt;/script&gt; 
      &lt;script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.9.1/jquery-ui.min.js"&gt;&lt;/script&gt; 
      &lt;script type="text/javascript" src="~/Scripts/gridviewScroll.min.js"&gt;&lt;/script&gt;
      &lt;script type="text/javascript"&gt;
          $(document).ready(function () {
              gridviewScroll();
          });
  
  
          function gridviewScroll() {
              $('#&lt;%=gvOpportunity.ClientID%&gt;').gridviewScroll({
                  freesize: 2
              });
          } 
      &lt;/script&gt;
  
  
  
  
      &lt;asp:Repeater ID="rptPager" runat="server"&gt;
          &lt;ItemTemplate&gt;
              &lt;asp:LinkButton ID="lnkPage" runat="server" Text='&lt;%#Eval("Text") %&gt;' CommandArgument='&lt;%# Eval("Value") %&gt;'
                  Enabled='&lt;%# Eval("Enabled") %&gt;' OnClick="Page_Changed"&gt;&lt;/asp:LinkButton&gt;
          &lt;/ItemTemplate&gt;
      &lt;/asp:Repeater&gt;
  
  &lt;/div&gt;
  </code></pre>
  
  <p></p>
  
  <p>I have no idea what to do next, and have tried to look for the same errors and have been unable to adapt the solution. I appreciate any help you can give here, please let me know if you need further info.</p>