title: how do I display a variable w/ jquery?
body: <p>This is a fairly newbish question, so apologies in advance.
  I want the scrolltimes variable to update each time the user scrolls the page. I've tried a half dozen different ways and can't quite figure out how to make the variable show up. I've managed it w/ append/prepend, but that doesn't remove the old version... do I need to remove the previous version and add in the new one each time or is there a way I can display the <code>&lt;p&gt;Scrolled: N&lt;/p&gt;</code> substituting the value of scrolltimes for N?</p>
  
  <p>Script:</p>
  
  <pre><code>var scrolltimes = 0;
  $(document).ready(function() {
  $('#clay').scroll(function() {
  $('#scrollamount p')
  .html({'&lt;p&gt;Scrolled: '+ .scrolltimes++ + '&lt;/p&gt;'});
  });
  </code></pre>
  
  <p>html:</p>
  
  <pre><code>&lt;div id="clay" style="height:100px; overflow:scroll;"&gt;
  &lt;div id="scrollamount"&gt;
  &lt;p&gt;Scrolled: 0&lt;/p&gt;
  &lt;/div&gt;
  &lt;p&gt;Pretend there is lots of content here&lt;/p&gt;
  &lt;/div&gt;
  </code></pre>