title: jquery onclick add margin-left
body: <p>I'm trying something pretty simple in JS but I can't make it work...</p>
  
  <p>I would like when clicking on a div to add a negative margin-left to another div, but I want it to happened everytime I click on the div, not only one time as it does now.
  Eveytime I click on my #next_nav, I would like the #nav to move from 10px negative.
  here it only works one time.
  here is my js :</p>
  
  <pre><code>$(function() {
    $('#next_nav').click(function () {
       $( "#nav" ).css('margin-left','-10px');
    });
  });
  </code></pre>
  
  <p>and my HTML :</p>
  
  <pre><code>&lt;div id="next_nav"&gt;&lt;/div&gt;
  &lt;div id="nav"&gt;&lt;/div&gt;
  </code></pre>
  
  <p>here is my JSfiddle : <a href="http://jsfiddle.net/Beyzd/" rel="nofollow">http://jsfiddle.net/Beyzd/</a></p>
  
  <p>can anybody helps me with this ?
  thanks a lot,</p>