title: How can I modify this sliding div to actually work?
body: <p>Hi I am trying to incorporate the code that I found on this jfiddle: <a href="http://jsfiddle.net/x2qk7/158/" rel="nofollow">http://jsfiddle.net/x2qk7/158/</a></p>
  
  <p>Into my website but its not working.</p>
  
  <p>Pasted from my actual page It looks like this:</p>
  
  <pre><code>&lt;script type="text/javascript"&gt; $(document).ready(function(){
  
      $('a.next').click(function(){             
          $('.slide').animate({left:-720})
      })
  
  });​ &lt;/script&gt;
  
  &lt;style&gt;.form-slides {width:100000px;} .slide {width:300px;float:left;left:0;position:relative;}​&lt;/style&gt;
  
  &lt;div class="form-slides"&gt;
      &lt;div class="slide"&gt;
          &lt;p&gt;Lipsum blah blah blah&lt;/p&gt;
          &lt;a href="#" class="next"&gt;Next&lt;/a&gt; 
      &lt;/div&gt;
      &lt;div class="slide"&gt;
          &lt;p&gt;Lipsum blah blah blah&lt;/p&gt;
          &lt;a href="#" class="next"&gt;Next&lt;/a&gt; 
      &lt;/div&gt;
      &lt;div class="slide"&gt;
          &lt;p&gt;Lipsum blah blah blah&lt;/p&gt;
          &lt;a href="#" class="next"&gt;Next&lt;/a&gt; 
      &lt;/div&gt; &lt;/div&gt;
  </code></pre>
  
  <p>It seems to be exact, but its not working at all.  Am I missing something?</p>