title: jQuery prettyPhoto issue
body: <p>I am trying to implement the jQuery plugin, prettyPhoto, on my page. I used the example from this page:</p>
  
  <p><a href="http://www.no-margin-for-errors.com/projects/prettyphoto-jquery-lightbox-clone/#!prettyPhoto" rel="nofollow">http://www.no-margin-for-errors.com/projects/prettyphoto-jquery-lightbox-clone/#!prettyPhoto</a></p>
  
  <p>When I use the <code>rel="prettyPhoto[pp_gal]"</code> I get an error message about wrong syntax: </p>
  
  <blockquote>
    <p>Error: Syntax error, unrecognized expression: <code>[rel*=[pp_gal]</code></p>
  </blockquote>
  
  <p>What can be the issue?</p>
  
  <p>I have installed the prettyPhoto jQuery plugin in my project. I have put this script in 
  the page:</p>
  
  <pre><code> $(document).ready(function () {
        $("a[rel^='prettyPhoto']").prettyPhoto();
   });
  </code></pre>
  
  <p>And I used this HTML in order to see the images, the path is localhost since I am trying just to make it work for now:</p>
  
  <pre><code>&lt;a href="../GalleryImages/ScreenClip[1].png" rel="prettyPhoto[pp_gal]"&gt;&lt;img src="../GalleryImages/ScreenClip[1].png" width="60px" height="60px" alt="Nice building" /&gt;&lt;/a&gt;
  
  &lt;a href="../GalleryImages/1.jpg" rel="prettyPhoto[pp_gal]"&gt;&lt;img src="../GalleryImages/1.jpg" width="60px" height="60px" alt="Nice building" /&gt;&lt;/a&gt;
  </code></pre>