title: CarouFredSel Image Links
body: <p>I am using CarouFredSel for a website I am designing, however I encountered a problem...everything works as expected until I try and link the images to a url. </p>
  
  <p>The <code>script</code> looks like:</p>
  
  <pre><code>$(function() {
      /* Homepage */
      $("#slide-image &gt; div").carouFredSel({
          auto: false,
          items: {
              visible: 2
          },
          next: "#next",
          prev: "#prev",
          scroll: {
              easing: "quadratic",
              items: 1
          },
          width: "100%"
      });
  });
  </code></pre>
  
  <p>and the <code>code</code> looks like:</p>
  
  <pre><code>&lt;div id="slide-image"&gt;
      &lt;div&gt;
          &lt;a href="www.example.com"&gt;&lt;img src="images/example.jpg"&gt;&lt;/a&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Any help is appreciated :)</p>
  
  <p>Thanks,<br />
  Josh</p>