title: jquery animate wont work
body: <p>jQuery-newbie here.</p>
  
  <p>I want to do a simple horizontal scroll function with two buttons. I want to do it with animate. But when I click on one of the buttons, nothing happens...</p>
  
  <p>Heres the jQuery Code:</p>
  
  <pre><code>&lt;script type="text/javascript"&gt;
  $(document).ready(function() {
      $('#right-button').click(function {
          $('#box').animate({
          left: +="200px"
          }, "fast");
      });
  
      $('#left-button').click(function {
          $('#box').animate({
          left: -="200px"
          }, "fast");
      });
  });
  &lt;/script&gt;
  </code></pre>
  
  <p>This is the HTML code:</p>
  
  <pre><code>&lt;section id="main"&gt;
      &lt;span class="scrollbutton left" id="left-button"&gt;(&lt;/span&gt;
      &lt;span class="scrollbutton right" id="right-button"&gt;)&lt;/span&gt;
      &lt;div id="box"&gt;
          &lt;div class="column"&gt;&lt;/div&gt;
          ...
      &lt;/div&gt;
  &lt;/section&gt;
  </code></pre>
  
  <p>(I've also tried it with an a-Tag)</p>
  
  <p>Aaaaand here's the css:</p>
  
  <pre><code>#main {
      border: solid 1px #fff;
      max-height: 480px;
      width: auto;
      display: block;
      overflow: hidden;
      background: #ddd;
  }
  
  #main #box {
      width: 2250px;
      display: inline;
      float: left;
      position: relative;
  }
  
  #main .column {
      float: left;
      display: inline;
      padding: 10px;
      width: 429px;
      border-left: solid 1px #333;
      height: 460px;
  }
  
  .scrollbutton {
      font-family: "WebSymbolsRegular";
      font-size: 30px;
      color: #000;
      text-decoration: none;
      cursor: pointer;
  }
  
  .left {
      float: left;
  }
  
  .right {
      float: right;
  }
  </code></pre>
  
  <p>It's probably a very naive error, but I just have no idea what it is... I hope you can help me :)</p>
  
  <p>PS: You can find it here: <a href="http://patrickmanser.ch/pixelsword/" rel="nofollow">http://patrickmanser.ch/pixelsword/</a></p>