Why is the scrollLeft function only working on the first click?
<p>I want the <code>scrollLeft</code> function to scroll a div each time when I click a forward button</p>

<p>Code:</p>

<pre><code> $("#nextbutton").click(
  function()
  {
   $("#thumbholder").scrollLeft(300);
 });
</code></pre>

<p>Thumbholder holds the images and its <code>overflow:hidden</code>, I want to show the hidden items by scrolling to the left.</p>

<pre><code>#thumbholder 
{
height:30%;
width:90%;
overflow: hidden;
white-space:nowrap;
margin:2% auto; 
}
</code></pre>

<p>Can anyone tell me how to repeat the scrollLeft function for each click on "#nextbutton", instead of just the first time I click it?</p>
