title: jquery noConflict issue
body: <p>I am trying to use <a href="http://lokeshdhakar.com/projects/lightbox2/#how" rel="nofollow">Lightbox</a> plugin but with jquery there is a conflict and gone through some articles and find out to get work around this but I have no luck in implementing it.</p>
  
  <p>Here is my code:
  References:</p>
  
  <pre><code>&lt;link href="Lightbox/css/lightbox.css" rel="stylesheet" type="text/css" /&gt;
  &lt;script type="text/javascript" src="Lightbox/js/prototype.js"&gt;&lt;/script&gt;
  &lt;script type="text/javascript" src="Lightbox/js/scriptaculous.js?load=effects,builder"&gt;    &lt;/script&gt;
  &lt;script type="text/javascript" src="Lightbox/js/lightbox.js"&gt;&lt;/script&gt;
  </code></pre>
  
  <p>Script:</p>
  
  <pre><code>&lt;script type="text/javascript"&gt;
      jQuery.noConflict();
      (function ($) {
          $(document).ready(function () {
              $("a[rel=lightbox[group1]]").live("click", function () {
                  $("a[rel^='lightbox[group1]']").lightbox();
                  return false;
              });
          });
      })(jQuery);
  &lt;/script&gt;
  </code></pre>
  
  <p>Any help will be greatly appreciated!</p>
  
  <p>I am using jquery 1.5.2 version</p>