title: prettyPhoto not working with HTML5
body: <p>I have used following portfolio files,
  <a href="http://tutorialzine.com/2011/06/beautiful-portfolio-html5-jquery/" rel="nofollow">http://tutorialzine.com/2011/06/beautiful-portfolio-html5-jquery/</a></p>
  
  <p>and have added prettyphoto in each image tab, but it's not working.</p>
  
  <p>All the library includes are fine.
  Here is the code snippet,</p>
  
  <p>under script tag,</p>
  
  <pre><code>&lt;script type="text/javascript" charset="utf-8"&gt;
      jQuery(document).ready(function($){
          $("a[rel^='prettyPhoto']").prettyPhoto();
          $('a[rel]').each(function() {
              $(this).attr('rel', $(this).data('rel'));
          });
      });
  </code></pre>
  
  <p></p>
  
  <p>and under body tag,    </p>
  
  <pre><code> &lt;li data-tags="Print Design" &gt;&lt;a href="assets/img/shots/1.jpg" data-rel="prettyPhoto" title="Why choose Freshology"&gt;&lt;img src="assets/img/shots/1.jpg" alt="Illustration" /&gt;&lt;/a&gt;&lt;/li&gt;
  </code></pre>
  
  <p>If I remove data-tags in li element, then it's working fine but it's also essential for portfolio functionality.</p>
  
  <p>Please guide me for solution.
  Thanks.</p>
  
  <p>-- </p>
  
  <p>I changed from </p>
  
  <pre><code>$(document).ready(function(){
  </code></pre>
  
  <p>to </p>
  
  <pre><code>jQuery(document).ready(function($){
  </code></pre>
  
  <p>Now I am not getting that $("a[rel^='prettyPhoto']").prettyPhoto is not a function error but still lightbox is not coming. </p>