title: prettyPhoto in bootstrap not loading lightbox
body: <p>I am trying to make a simple lightbox gallery, using prettyPhoto and bootstrap.  For some reason, when I click on the image thumbnail it just opens it in a blank image page rather than with the js.  </p>
  
  <p>Chrome dev tools gives me this: </p>
  
  <pre><code>Uncaught TypeError: undefined is not a function - bootstrap.min.js:6
  Uncaught ReferenceError: jQuery is not defined - jquery.prettyPhoto.js:7
  Uncaught ReferenceError: $ is not defined - portfolio.html:10
  </code></pre>
  
  <p>This has been bugging me for hours, any help greatly appreciated!
  Thanks!</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
   &lt;head&gt;
      &lt;meta charset="utf-8"&gt;
      &lt;title&gt;Kim Pirring Design&lt;/title&gt;
      &lt;script src="//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"&gt;&lt;/script&gt;
      &lt;script language="JavaScript" type="text/javascript" src="js/bootstrap.min.js"&gt;&lt;/script&gt;
      &lt;script language="JavaScript" type="text/javascript" src="js/jquery.prettyPhoto.js"&gt;&lt;/script&gt;
      &lt;script language="JavaScript" type="text/javascript" charset="utf-8"&gt;
          $(document).ready(function(){
          $("a[rel='prettyPhoto']").prettyPhoto();
        });
      &lt;/script&gt;
  
      &lt;link rel="stylesheet" href="css/bootstrap.min.css"&gt;
      &lt;link rel="stylesheet" href="css/main.css"&gt;
      &lt;link rel="stylesheet" href="css/prettyPhoto.css"&gt;
  
   &lt;/head&gt;
  
   &lt;body&gt;
      &lt;div class="container"&gt;
          &lt;h1&gt;Kim Pirring Design&lt;/h1&gt;
          &lt;div class='navbar navbar-inverse'&gt;
           &lt;div class='navbar-inner nav-collapse' style="height: auto;"&gt;
          &lt;ul class="nav"&gt;
            &lt;li&gt;&lt;a href="index.html"&gt;Home&lt;/a&gt;&lt;/li&gt;
            &lt;li class="active"&gt;&lt;a href="portfolio.html"&gt;My Work&lt;/a&gt;&lt;/li&gt;
            &lt;li&gt;&lt;a href="about.html"&gt;About&lt;/a&gt;&lt;/li&gt;
            &lt;li&gt;&lt;a href="resume.html"&gt;Resume&lt;/a&gt;&lt;/li&gt;
            &lt;li&gt;&lt;a href="contact.html"&gt;Contact&lt;/a&gt;&lt;/li&gt;
          &lt;/ul&gt;
            &lt;/div&gt;
           &lt;/div&gt;
  
         &lt;ul class="thumbnails"&gt;
                  &lt;li class="span3"&gt;
                          &lt;a class="thumbnail" rel="prettyPhoto" href="images/fullscreen/1.jpg"&gt;&lt;img class="group1" src="images/fullscreen/1.jpg" title="Image Title" /&gt;&lt;/a&gt;
                      &lt;/li&gt; &lt;!--end thumb --&gt;
                      &lt;li class="span3"&gt;
                          &lt;a class="thumbnail" rel="lightbox[group]" href="img/pics/2.jpg"&gt;&lt;img class="group1" src="img/pics/2.jpg" title="Image Title" /&gt;&lt;/a&gt;
                      &lt;/li&gt; &lt;!--end thumb --&gt;
                      &lt;li class="span3"&gt;
                          &lt;a class="thumbnail" rel="lightbox[group]" href="img/pics/3.jpg"&gt;&lt;img class="group1" src="img/pics/3.jpg" title="Image Title" /&gt;&lt;/a&gt;
  
              &lt;/ul&gt;&lt;!--end thumbnails --&gt;
  
  
  
   &lt;footer&gt;
          &lt;p&gt;&amp;copy; Kim Pirring 2013&lt;/p&gt;
    &lt;/footer&gt; 
   &lt;/div&gt;&lt;!-- .container --&gt;
  
  
   &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>