title: Issue in Bootstrap Modal with ASP
body: <p>I have a issue when I try to show a modal with a image click in asp.net+ bootstrap</p>
  <p>This is my modal code, I copy this from a <a href="https://www.sitepoint.com/understanding-bootstrap-modals/" rel="nofollow noreferrer">web site</a>.</p>
  <pre><code>&lt;div class=&quot;modal fade&quot; id=&quot;basicModal&quot; tabindex=&quot;-1&quot; role=&quot;dialog&quot; aria-labelledby=&quot;basicModal&quot; aria-hidden=&quot;true&quot;&gt;
      &lt;div class=&quot;modal-dialog&quot;&gt;
          &lt;div class=&quot;modal-content&quot;&gt;
              &lt;div class=&quot;modal-header&quot;&gt;
                  &lt;button type=&quot;button&quot; class=&quot;close&quot; data-dismiss=&quot;modal&quot; aria-hidden=&quot;true&quot;&gt;&amp;amp;times;&lt;/button&gt;
                  &lt;h4 class=&quot;modal-title&quot; id=&quot;myModalLabel&quot;&gt;Modal title&lt;/h4&gt;
              &lt;/div&gt;
              &lt;div class=&quot;modal-body&quot;&gt;
                  &lt;h3&gt;Modal Body&lt;/h3&gt;
              &lt;/div&gt;
              &lt;div class=&quot;modal-footer&quot;&gt;
                  &lt;button type=&quot;button&quot; class=&quot;btn btn-default&quot; data-dismiss=&quot;modal&quot;&gt;Close&lt;/button&gt;
                  &lt;button type=&quot;button&quot; class=&quot;btn btn-primary&quot;&gt;Save changes&lt;/button&gt;
              &lt;/div&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  <p>This is my trigger object:</p>
  <pre><code>&lt;img onclick=&quot;ShowModal();&quot; data-target=&quot;#basicModal&quot; src=&quot;Images/productface/&lt;%:prd.pr_facepicpath%&gt;.png&quot; /&gt;
  </code></pre>
  <p>This is my script:</p>
  <pre><code>&lt;script&gt;
      $(function () {
          $('#basicModal').modal();
      });
      function ShowModal() {
              $('#basicModal').modal('show');
      }
  &lt;/script&gt;
  </code></pre>
  <p>this is my js libs declaration:</p>
  <pre><code>&lt;script src=&quot;Scripts/bootstrap.js&quot;&gt;&lt;/script&gt;
  &lt;script src=&quot;Scripts/bootstrap.min.js&quot;&gt;&lt;/script&gt;
  &lt;script src=&quot;Scripts/jquery-1.9.1.js&quot;&gt;&lt;/script&gt;
  &lt;script src=&quot;Scripts/jquery-1.9.1.min.js&quot;&gt;&lt;/script&gt;
  &lt;script src=&quot;Scripts/jquery-1.9.1.js&quot;&gt;&lt;/script&gt;
  &lt;script src=&quot;Scripts/jquery-1.9.1.min.js&quot;&gt;&lt;/script&gt;
  &lt;script src=&quot;Scripts/bootstrap.js&quot;&gt;&lt;/script&gt;
  &lt;script src=&quot;Scripts/modal.js&quot;&gt;&lt;/script&gt;
  </code></pre>
  <p>I get this error:</p>
  <blockquote>
  <p>TypeError: $(...).modal is not a function</p>
  </blockquote>