title: jQuery scroll top not working
body: <p>My HTML content is being generated from jquery and its depends on ajax response. In HTML content I have <code>#leftsection</code> which has css <code>"overflow-y:scroll;"</code> Inside <code>"#leftsection"</code> I have boxes say <code>"#devicebox_"+i</code> which has css <code>"overflow-y:hidden;"</code></p>
  
  <p>I'm appending dynamic list to <code>"#devicebox_"+i</code> and if number of list content is > 6 I'm applying <code>"#devicebox_"+i</code></p>
  
  <p>my HTML content with left section and devicebox look something like this</p>
  
  <pre><code>&lt;div id="leftsection"&gt;
     &lt;div id="devicebox_1"&gt;
         &lt;div id="listitem_1"&gt;LIST ITEM 1&lt;/div&gt;
         &lt;div id="listitem_2"&gt;LIST ITEM 2&lt;/div&gt;
         &lt;div id="listitem_3"&gt;LIST ITEM 3&lt;/div&gt;
         &lt;div id="listitem_4"&gt;LIST ITEM 4&lt;/div&gt;
         &lt;div id="listitem_5"&gt;LIST ITEM 5&lt;/div&gt;
         &lt;div id="listitem_6"&gt;LIST ITEM 6&lt;/div&gt;
         &lt;div id="listitem_7"&gt;LIST ITEM 7&lt;/div&gt;
         &lt;div id="listitem_8"&gt;LIST ITEM 8&lt;/div&gt;
     &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Following is my jQuery to scroll down devicebox_1.</p>
  
  <p>Remember there are multiple deviceboxes e.g devicebox_1,devicebox_2,devicebox_3 as a content is dynamic and so is listitem. after loading deviceboxes and their relative item list.</p>
  
  <p>ajax request is being send one by one to process LIST ITEMS. what I'm trying to to is to scroll down current devicebox (devicebox_1) down to list item which is in process.</p>
  
  <p>Following is small jQuery that I'm using to scroll down but not working</p>
  
  <pre><code>for( var i=0; i&lt; $(itemlist).size(); i++)
  {
     $('#devicebox_'+currDeviceid).animate({
            scrollTop: $('#listitem_'+i).offset().top
     }, 100);
  }
  </code></pre>