Uncaught TypeError: $(...).tableDnD is not a function
<p>Actually I'm trying to develope a drag and drop gridview with c#, I have look for some jquery library like tableDnD and following some examples I see a piece of code. I'm trying to reply it with my code but I have a </p>

<pre><code>Uncaught TypeError: $(...).tableDnD is not a function.
</code></pre>

<p>My code it's simple and I want to explain it:</p>

<p>Firstly this is a Master Page with this code:</p>

<pre><code>&lt;head runat="server"&gt;
  &lt;meta http-equiv="Content-Type" content="text/html; charset=utf-8"/&gt;
   &lt;title&gt;&lt;/title&gt;
&lt;asp:ContentPlaceHolder ID="head" runat="server"&gt;
&lt;/asp:ContentPlaceHolder&gt;
&lt;script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"&gt;&lt;/script&gt;
&lt;link rel="stylesheet" href="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.24/themes/smoothness/jquery-ui.css" /&gt;
&lt;script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.24/jquery-ui.min.js"&gt;&lt;/script&gt;
&lt;link rel="stylesheet" href="Styles/Coaching.css" type="text/css" /&gt;
  &lt;!-- Latest compiled and minified CSS --&gt;
&lt;link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" integrity="sha384-1q8mTJOASx8j1Au+a5WDVnPi2lkFfwwEAa8hDDdjZlpLegxhjVME1fgjWPGmkzs7" crossorigin="anonymous"/&gt;

&lt;!-- Optional theme --&gt;
&lt;link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap-theme.min.css" integrity="sha384-fLW2N01lMqjakBkx3l/M9EahuwpSfeNvV63J5ezn3uZzapT0u7EYsXMjQV+0En5r" crossorigin="anonymous"/&gt;

&lt;!-- Latest compiled and minified JavaScript --&gt;
&lt;script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js" integrity="sha384-0mSbJDEHialfmuBBQP6A4Qrprq5OVfW37PRR3j5ELqxss1yVqOtnepnHVP9aJ7xS" crossorigin="anonymous"&gt;&lt;/script&gt;
&lt;script src="http://localhost:2848/js/jquery.tablednd.js" type="js/javascript"&gt;
&lt;/script&gt;

 &lt;script type="text/javascript"&gt;
    var strorder;
    $(document).ready(function () {
       $('#grdResultados').tableDnD(
       {
           onDrop: function (table, row) {
               reorder();
               $.ajax({
                   type: "POST",
                   url: "diagnostico-plantilla.aspx/GridViewReorders",
                   data: '{"Reorder":"' + strorder + '"}',
                   contentType: "application/json; charset=utf-8",
                   dataType: "json",
                   async: true,
                   cache: false,
                   success: function (msg) {
                       alert("Successfully Save ReOrder");
                   }

               })
           }
       }
       );
   });
   function reorder() {
       strorder = "";
       var totalid = $('#grdResultados tr td input').length;
       for (var i = 0; i &lt; totalid; i++) {
           strorder = strorder + $('#grdResultados tr td input')[i].getAttribute("value") + "|";
       }
   }
&lt;/script&gt;
</code></pre>

<p>As you can see it's a simple Master Page, then the aspx has this line where I write the gridview</p>

<pre><code> &lt;asp:GridView ID="grdResultados" runat="server" CssClass="table table-hover" AllowPaging="True" 
                            AllowSorting="True" AutoGenerateColumns="False" GridLines="None" DataKeyNames="id" DataSourceID="odsResultados" OnRowDataBound="grdResultados_RowDataBound" OnPageIndexChanged="grdResultados_PageIndexChanged" OnSorting="grdResultados_Sorting" OnRowCommand="grdResultados_RowCommand"&gt;
</code></pre>

<p>So, why I have this mistake, because when I try to do the drag and drop, it doesn't work and I have used the Chrome inspector and I had this.</p>

<p>Thanks so much</p>