Scroll down to Form DIV area?
<p>Every time I add an item - I want to scroll down to <strong>Add Item Form</strong> form (<code>#form_additem</code>) - how can that be done?</p>

<p>Example of HTML Code:</p>

<pre><code>&lt;div class="item"&gt; 1 &lt;/div&gt;
&lt;div class="item"&gt; 2 &lt;/div&gt;
&lt;div class="item"&gt; 3 &lt;/div&gt;
&lt;div class="item"&gt; 4 &lt;/div&gt;
&lt;div id="form_additem"&gt; 
  Add Item: &lt;input type="text" value="" /&gt;
&lt;/div&gt;
</code></pre>

<p>I have tried:</p>

<pre><code> $('html,body').animate({scrollTop: $("#form_additem").offset().top + "px"});
</code></pre>

<p>but it scrolling at the bottom of the page.</p>

<p>Thanks</p>
