title: Script query intervening with my datepicker
body: <p>How to properly merge this 2 scripts?
  Tried merging but the other one does not work properly.
  E.G. The first script is my datatable design , second is my datepicker. If i delete either one , the other one works. Tried merging it also but did not work properly.</p>
  
  <p>Help </p>
  
  <p>Thanks</p>
  
  <pre><code>    &lt;script&gt;
      $(document).ready(function() {
          $('#dataTables-example').DataTable({
              responsive: true
          });
      });
      &lt;/script&gt;
  
      &lt;script&gt;
    $( function() {
      $( "#datepicker" ).datepicker();
    } );
    &lt;/script&gt;
  </code></pre>
  
  <p>EDITED:</p>
  
  <p>This is the script of the datatables.</p>
  
  <p>script_datatables.php</p>
  
  <pre><code>&lt;script src="../vendor/jquery/jquery.min.js"&gt;&lt;/script&gt;
  &lt;script src="../vendor/bootstrap/js/bootstrap.min.js"&gt;&lt;/script&gt;
  &lt;script src="../dist/js/sb-admin-2.js"&gt;&lt;/script&gt;
  &lt;script src="../vendor/metisMenu/metisMenu.min.js"&gt;&lt;/script&gt;
  
  &lt;!-- DataTables JavaScript --&gt;
  &lt;script src="../vendor/datatables/js/jquery.dataTables.min.js"&gt;&lt;/script&gt;
  &lt;script src="../vendor/datatables-plugins/dataTables.bootstrap.min.js"&gt;&lt;/script&gt;
  &lt;script src="../vendor/datatables-responsive/dataTables.responsive.js"&gt;&lt;/script&gt;
  
  &lt;script&gt;
  $(document).ready(function() {
      $('#dataTables-example').DataTable({
          responsive: true
      });
  });
  &lt;/script&gt;
  </code></pre>
  
  <p>script_datepicker.php</p>
  
  <pre><code>  &lt;link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css"&gt;
    &lt;link rel="stylesheet" href="/resources/demos/style.css"&gt;
  
      &lt;script src="../vendor/datatables/js/jquery.dataTables.min.js"&gt;&lt;/script&gt;
      &lt;script src="../vendor/datatables-plugins/dataTables.bootstrap.min.js"&gt;&lt;/script&gt;
      &lt;script src="../vendor/datatables-responsive/dataTables.responsive.js"&gt;&lt;/script&gt;
      &lt;script&gt;
    $( function() {
      $( "#datepicker" ).datepicker();
    } );
    &lt;/script&gt;
  </code></pre>