title: jCarousel resetting scroll position
body: <p>I have a question about resetting the scroll position when I load new data in the jCarousel.
  The link is here:
  <a href="http://rjwcollective.com/equinox/rishi_gallery/eqgall.php" rel="nofollow">http://rjwcollective.com/equinox/rishi_gallery/eqgall.php</a></p>
  
  <p>New data comes in when you click on the filters in the sidebar on the left.
  However, if you start scrolling in the carousel on the right sidebar and then reselect filters, the newly loaded data doesn't reset to the top position.</p>
  
  <p>I am emptying out the data in the div using .empty()</p>
  
  <p>The scenario is like this:</p>
  
  <p>First Load:</p>
  
  <pre><code>//first load
  $.ajax({
      type:"POST",
      url:"sortbystate.php",
      data:"city=&amp;gender=&amp;category=",
      success:function(data){
              //carousel
              $('#thumbs').html(data);
  
      }
  
  });//end ajax
  </code></pre>
  
  <p>Filter selection:</p>
  
  <pre><code>$(".statelist :input").click(function(){
      $('#thumbs').empty();
  
      var state = $('.statelist input:checked').attr('value');
      var gender = $('.gender input:checked').attr('value');
      var category =$('.category input:checked').attr('value');
          $.ajax({
              type:"POST",
              url:"sortbystate.php",
              data:"city="+state+"&amp;gender="+gender+"&amp;category="+category,
              success:function(data){
  
                      $('#thumbs').html(data);
  
              }
  
  
          });//end ajax
      });
  </code></pre>