title: prettyphoto undefined is not a function
body: <p>I'm attempting to install prettyPhoto lightbox on my site and I keep getting them same error. The following code in the console generates this error </p>
  
  <pre><code>"undefined is not a function"
  
      &lt;script type="text/javascript" charset="utf-8"&gt;
        $(document).ready(function(){
          $("a[rel^='prettyPhoto']").prettyPhoto();
        });
      &lt;/script&gt;
  </code></pre>
  
  <p><em>Line 18</em></p>
  
  <p>I've tried it in the footer and the head, both cause the same problem and the lightbox doesn't load. </p>
  
  <p>Here's the files in my head tag...</p>
  
  <pre><code>&lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js" type="text/javascript"&gt;&lt;/script&gt;
      &lt;script src="//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"&gt;&lt;/script&gt;
      &lt;link rel="stylesheet" href="&lt;?php bloginfo('template_directory'); ?&gt;/css/prettyPhoto.css" type="text/css" media="screen" charset="utf-8" /&gt;
      &lt;script src="&lt;?php bloginfo('template_directory'); ?&gt;/js/jquery.prettyPhoto.js" type="text/javascript" charset="utf-8"&gt;&lt;/script&gt;
  </code></pre>
  
  <p>My site is www.jessicadraws.com </p>
  
  <p>Any ideas?</p>
  
  <p>Dave.</p>