title: Uncaught TypeError: $(...).datagrid is not a function
body: <p>I am trying to make use of EasyUI library. I am having issues getting the Data grid working. </p>
  
  <p>I have provided below what I have so far:</p>
  
  <p><strong>Header</strong></p>
  
  <pre><code>&lt;script type="text/javascript" src="assets/js/jquery-3.2.1.min.js"&gt;&lt;/script&gt;
  &lt;script type="text/javascript" src="assets/js/jquery.easyui.min.js"&gt;&lt;/script&gt;
  </code></pre>
  
  <p><strong>HTML</strong></p>
  
  <pre><code>&lt;div id="user_control_datagrid"&gt;&lt;/div&gt;
  </code></pre>
  
  <p><strong>JavaScript</strong></p>
  
  <pre><code>$( document ).ready(function() {
      console.log( "ready!" );
  
      $( ".user_control_search" ).click(function( event ) {
          event.preventDefault();
          console.log("FORM SEARCH CLICKED");
  
          var formData = $('#user_control_form').serializeArray();
  
          console.log("Form Data: ", formData);
  
          $('#user_control_datagrid').datagrid({
              url:'user.php',
              queryParams:formData,
              columns:[[
                  {field:'code',title:'Code',width:100},
                  {field:'name',title:'Name',width:100},
                  {field:'price',title:'Price',width:100,align:'right'}
              ]]
          });
      });
  });
  </code></pre>
  
  <p>Every time I try to run this, I am getting this error :</p>
  
  <p><strong>Uncaught TypeError: $(...).datagrid is not a function</strong> </p>
  
  <p>Please can someone advise me what I am doing wrong and how I could fix this issue ?</p>
  
  <p>Thank You</p>