title: Scroll to element in modal div
body: <p>I'm using JQuery load() to place a page into a modal div set to <code>overflow-y:auto;</code>  At the top of the loaded page inside the modal div, I want to click on an element (actually a table cell...) that will scroll the page down to a specific div:</p>
  
  <pre><code>&lt;div id='haematopoietic_section' class='cap_h2'&gt;Haematopoietic&lt;/div&gt;
  </code></pre>
  
  <p>The code in the loaded page contains:</p>
  
  <pre><code>$('#haematopoietic').click(function(){
  $(document).scrollTop($('#haematopoietic_section').offset().top); 
  });
  </code></pre>
  
  <p>The above code isn't doing anything.  I can throw an alert in the click event,  but it won't scroll.  Any ideas?</p>
  
  <p>See example at <a href="https://jsfiddle.net/z7m4c38d/3/" rel="nofollow">https://jsfiddle.net/z7m4c38d/3/</a>  Note that this fiddle does not use JQuery load, but instead has code fixed inside the div...problem remains...</p>