title: getting a particular div in to view or scroll into view
body: <p>I am trying to add a feature to my website in a way that when i click a link i want a particular div element to come in to view for a user.. ive tried the code </p>
  
  <pre><code>$(".testClick").live("click",function(e){
    e.preventDefault(); 
        // Call the scroll function
      goToByScroll("indID13");
  });
  
  
   function goToByScroll(id){
        // Reove "link" from the ID
      id = id.replace("link", "");
        // Scroll
      $('html,body').animate({
          scrollTop: $("#"+id).offset().top},
          'slow');
  }
  </code></pre>
  
  <p>but this doesnt work... is it possible to achieve this feature with out any plugin by pure jquery itself.. or should i be using any plugin...
  I will add a  sample of what ive tried. the jsfiddle link <a href="http://jsfiddle.net/xFu3M/" rel="nofollow">http://jsfiddle.net/xFu3M/</a></p>
  
  <p>and try this one toooo <a href="http://jsfiddle.net/xFu3M/6/" rel="nofollow">http://jsfiddle.net/xFu3M/6/</a> is this a bug..im trying to get div 1 in to view and its already in view,, so when i click the link it shows some other div</p>