title: colorbox breaks on rel attribute when bxslider is loaded
body: <p>After much debugging I came to the conclusion these two libraries are colliding. I tested them both separate and they work but when used together (and there is a rel attribute things break)</p>
  
  <p>How to reproduce</p>
  
  <ul>
  <li>If the link has a rel or $('something').colorbox({rel:'something'});</li>
  <li>$('somethingelse').bxSlider(...);</li>
  </ul>
  
  <p>colorbox will fail when clicking on any image that has colorbox (not just the shared options) With: </p>
  
  <blockquote>
    <p>Uncaught TypeError: Cannot read property 'rel' of undefined</p>
  </blockquote>
  
  <p>Offending lines of code are:</p>
  
  <blockquote>
  <pre><code>      if (settings.rel !== 'nofollow') {
            $related = $('.' + boxElement).filter(function () {
                var relRelated = $.data(this, colorbox).rel || this.rel;
                return (relRelated === settings.rel);
            });
  </code></pre>
  </blockquote>
  
  <p>I found a similar issue <a href="https://stackoverflow.com/questions/3098914/do-i-use-jquery-noconflict-to-avoid-plugins-conflict">Do I use jQuery noconflict to avoid plugins conflict?</a> however the effect was different. Yet the cause seems similar. According to someone answering that question the problem is that bxSlider whipes out the $.data() set by colorbox.</p>
  
  <p>So my questions are:</p>
  
  <ul>
  <li>Is there a way around this?</li>
  <li>Is it a bug in colorbox?</li>
  <li>Is it a bug in bxSlider?</li>
  </ul>