title: JQuery scroll event not working
body: <p>I have been trying to make jquery scroll text in a textbox using a button click but it does not work in IE, Chrome, or Firefox.</p>
  
  <p>I would like my textbox manually to scroll down on click of the button.</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
  &lt;head&gt;
      &lt;script src="http://localhost:62240/Scripts/jquery-2.1.1.js"&gt;&lt;/script&gt;
      &lt;script&gt;
          x = 0;
          $(document).ready(function () {
              $("div").scroll(function () {
                  $("span").text(x += 1);
              });
              $("button").click(function () {
                  $("div").scroll();
              });
          });
      &lt;/script&gt;
  &lt;/head&gt;
  &lt;body&gt;
  
      &lt;p&gt;Try the scrollbar in the div&lt;/p&gt;
      &lt;div style="border:1px solid black;width:200px;height:100px;overflow:scroll;"&gt;
          In my younger and more vulnerable years my father gave me some advice that I've been turning over in my mind ever since.
          &lt;br&gt;&lt;br&gt;
          'Whenever you feel like criticizing anyone,' he told me, just remember that all the people in this world haven't had the advantages that you've had.'
      &lt;/div&gt;
      &lt;p&gt;Scrolled &lt;span&gt;0&lt;/span&gt; times.&lt;/p&gt;
      &lt;button&gt;Trigger scroll event for the window&lt;/button&gt;
  
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p><a href="http://jsfiddle.net/z9jU6/" rel="nofollow">Demo</a></p>