title: Uncaught TypeError: $(...).modal is not a function jquery
body: <p>I have a jquery script to show modal form</p>
  
  <pre><code>&lt;link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css"&gt;
  &lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"&gt;&lt;/script&gt;
  &lt;script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"&gt;&lt;/script&gt;
  
  
  &lt;script&gt;
  $(document).ready(function(){
      $(".manipulate").click(function(){
          $('#id_description').val();
          var item_keys = ['#id_counter', '#id_first_name','#id_middle_name', '#id_last_name', '#id_display_name', '#id_field', '#id_loa_price', '#id_basic_cert_price', '#id_written_appraisal_cost']
          for(var i=1; i&lt;12; i++){
              var item_val = $(this).parent().parent().find('td:nth-child('+i+')')[0].innerText;
              console.log("InnerText is :"+ item_val);
              $(item_keys[i-1]).val(item_val);
          }
          $('#id_item').val($(this).attr('item_id'));
          $('#edititemModal').modal("show");
      });
  });
  &lt;/script&gt;
  </code></pre>
  
  <p>If i click the edit button to show the modal form i get .modal not a function.</p>