title: why doesn't delegate work for scroll?
body: <p>I am trying to use jquery delegate to bind to scroll events.</p>
  
  <p>html</p>
  
  <pre><code>&lt;div id='parent'&gt;
          &lt;div id='child'&gt;Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah Blah &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>css</p>
  
  <pre><code>#parent {
  width:200px;
  height:200px;
  border:2px solid black;
  overflow:auto;        
  }
  #child {
  width:300px;
  height:300px;
  background:red;    
  }
  </code></pre>
  
  <p>javascript</p>
  
  <pre><code>$('#parent').delegate('#child', 'scroll', function(){
  alert(this)
  }) 
  </code></pre>
  
  <p>jsfiddle</p>
  
  <p><a href="http://jsfiddle.net/C6DRR/1/">http://jsfiddle.net/C6DRR/1/</a></p>
  
  <p>Why doesn't it work?</p>