title: display bootstrap modal on dropdown selection
body: <p>So I've got an application where the user selects a category from a dropdown. I want to give them the option to create a new category if they want, so the last option in the dropdown is "Create Your Own"</p>
  
  <p>I can get the event of them selecting the last one by using:</p>
  
  <pre><code>        $("#category").change(function () {
              selection = $(this).val();
              if (selection == -1) {
                  alert("create new one");
              }
          });
  </code></pre>
  
  <p>This works as expected with no issues. However, when I try to replace <code>alert("create new one");</code> with <code>$("#myModal").modal('show');</code> I get the following error:</p>
  
  <pre><code>Uncaught TypeError: Object [object Object] has no method 'modal' 
  </code></pre>
  
  <p>I am linking both the bootstrap javascript file and jquery in the header:</p>
  
  <pre><code>    &lt;script type="text/javascript" src="http@(Request.IsSecureConnection == true ? "s" : "")://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"&gt;&lt;/script&gt;
      &lt;script src="@Url.Content("~/Scripts/bootstrap-modal.js")"&gt;&lt;/script&gt;
  </code></pre>