title: bootstrap alert not working
body: <p>I am trying to make an alert using bootstrap and its not wokring. In the mozilla firebug console its showing </p>
  
  <pre><code>ReferenceError: $ is not defined
  
  
  $('#openAlert').click(function () {
  </code></pre>
  
  <p>The code is as follows.May i know what is missing.I am including jquery as well as bootstrap js files.</p>
  
  <pre><code>&lt;head&gt;
  &lt;title&gt;Twilio Messages (Send message Example)&lt;/title&gt;
  &lt;meta http-equiv="Content-Type" content="text/html; charset=US-ASCII"&gt;
  &lt;meta name="viewport" content="width=device-width, initial-scale=1.0"&gt;
  &lt;link href="http://getbootstrap.com/2.3.2/assets/css/bootstrap.css" rel="stylesheet"&gt;
  &lt;link href="http://getbootstrap.com/2.3.2/assets/css/bootstrap-responsive.css" rel="stylesheet"&gt;
  &lt;/head&gt;
  &lt;body&gt;
      &lt;div class="container"&gt;
          &lt;div class="row"&gt;
              &lt;div class="span12"&gt;
                  &lt;h2&gt;Twilio Messages (Send message Example)&lt;/h2&gt;
                  &lt;form class="form-signin" action="#Twilio" method="post"&gt;
                      &lt;div class="row"&gt;
                          &lt;div class="span3"&gt;
                              Enter Number to send:
                          &lt;/div&gt;
                          &lt;div class="span3"&gt;
                              &lt;input type="text" name="toNumber" maxlength="10" placeholder="Enter 10 digits number to send" value="+16822037149"/&gt;
                          &lt;/div&gt;
                          &lt;div class="span6"&gt;
                              &lt;div class="alert"&gt;
                                  &lt;button type="button" class="close" data-dismiss="alert"&gt;&amp;times;&lt;/button&gt;
                                  The number to send an SMS to. This field accepts formatted and unformatted US numbers, e.g. +14155551212, (415) 555-1212 or 415-555-1212.&lt;hr /&gt;
                                  To send message from SandBox Account. The Number has to be &lt;a href="https://www.twilio.com/user/account/phone-numbers/verified" target="_blank"&gt;verified&lt;/a&gt;
                              &lt;/div&gt;
                          &lt;/div&gt;
                      &lt;/div&gt;
                      &lt;div class="row"&gt;
                          &lt;div class="span3"&gt;
                              Enter Message to send:
                          &lt;/div&gt;
                          &lt;div class="span3"&gt;
                              &lt;textarea name="body" maxlength="160" placeholder="Enter message to send"&gt;
                              &lt;/textarea&gt;
                          &lt;/div&gt;
                          &lt;div class="span6"&gt;
                              &lt;div class="alert"&gt;
                                  &lt;button type="button" class="close" data-dismiss="alert"&gt;&amp;times;&lt;/button&gt;
                                  The text of the message you want to send, limited to 160 characters.
                              &lt;/div&gt;
                          &lt;/div&gt;
                      &lt;/div&gt;
                      &lt;div class="row"&gt;
                          &lt;div class="span3"&gt;
                          &lt;/div&gt;
                          &lt;div class="span9"&gt;
                              &lt;button class="btn" type="submit" id="openAlert"&gt;Send&lt;/button&gt;
                          &lt;/div&gt;
                      &lt;/div&gt;
                  &lt;/form&gt;
              &lt;/div&gt;
          &lt;/div&gt;
  
  
   &lt;div id="le-alert" class="alert alert-warn alert-block fade"&gt;
        &lt;button href="#" type="button" class="close"&gt;&amp;times;&lt;/button&gt;
        &lt;h4&gt;Alert title&lt;/h4&gt;
        &lt;p&gt;Roses are red, violets are blue...&lt;/p&gt;
      &lt;/div&gt;
      &lt;/div&gt;
  &lt;script type="text/javascript"&gt;
  $('#openAlert').click(function () {
        $('#le-alert').addClass('in'); // shows alert with Bootstrap CSS3 implem
      });
  
      $('.close').click(function () {
        $(this).parent().removeClass('in'); // hides alert with Bootstrap CSS3 implem
      });
  &lt;/script&gt;
  
  &lt;/body&gt;
  &lt;script type="text/javascript" src="https://code.jquery.com/jquery.min.js"&gt;&lt;/script&gt;
  &lt;script type="text/javascript" src="http://getbootstrap.com/2.3.2/assets/js/bootstrap.js"&gt;&lt;/script&gt;
  &lt;/html&gt;
  </code></pre>