title: My jQuery animation isnt working
body: <p>I have a div that is partway off the screen and when u click a button it is supposed to move out. I posted my script here <a href="http://jsfiddle.net/53bSe/" rel="nofollow">http://jsfiddle.net/53bSe/</a> it appears that it isn't working when I press the button. In jsfiddle it doesn't show it properly. It should look like this <a href="http://i.imgur.com/8DBzz.jpg" rel="nofollow">http://i.imgur.com/8DBzz.jpg</a> and then the stuff on the right should animate out when the grey button is pressed.</p>
  
  <p>My HTML</p>
  
  <pre><code>&lt;!doctype html&gt;
  &lt;html&gt;
  &lt;head&gt;
  &lt;meta charset="utf-8"&gt;
  &lt;script src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"&gt;&lt;/script&gt;
  &lt;link type="text/css" rel="stylesheet" href="style.css"&gt;
  &lt;title&gt;Facebook and Twitter Sliding Like and Follow&lt;/title&gt;
  &lt;/head&gt;
  
  &lt;body&gt;
  &lt;script&gt;
  $('#test').click(function() {
    $('.facebook-sw').animate({
      left: '+=300'
    }, 5000, function() {
      // Animation complete.
    });
  });
  &lt;/script&gt;
      &lt;div class="wrapper"&gt;
          &lt;p id="test"&gt;&lt;/p&gt;
          &lt;div class="facebook-sw"&gt;
              &lt;img class="fb-icon" src="image/fb-icon.PNG" width="110" height="113" alt=""&gt;
              &lt;img class="fb-like-box" src="image/example.JPG" height="544" width="292" alt=""&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>My CSS</p>
  
  <pre><code>@charset "utf-8";
  /* CSS Document */
  * {
      margin:0;
      padding:0;
  }
  
  body {
      background-color:#636363;
  }
  
  .facebook-sw {
      margin-top:120px;
      float:right;
      margin-right:-300px;
  }
  
  .fb-icon {
      float:left;
      margin-right:14px;
  }
  
  .fb-like-box {
      float:left;
  }
  
  #test {
      float:left;
      width:100px;
      height:50px;
      background-color:#CCC;
      margin-top:100px;
      margin-left:50px;
      display:block;
  }
  </code></pre>
  
  <p>thanks in advance</p>