title: Paste event not working as expected
body: <p>I am trying out this simple code. What I want is that when a <code>paste</code> event is fired on the second input textbox, it should be cleared, after copying its contents, removing the <code>readonly</code> attribute of the previous textbox, and pasting it there. however, nothing is happening. </p>
  
  <p>The <code>paste</code> event is fired alright, because if I replace the code in the timer by a simple <code>alert</code>, it works. Can anyone tell me what's wrong here?</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
    &lt;head&gt;
      &lt;script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"&gt;
      &lt;/script&gt;
      &lt;script&gt;
         $(document).ready(function(){
           $(".boo").bind("input paste",function() { 
           elem = this;
           setTimeout(function() { 
               $(".foo").removeAttr("readonly");
               $(".foo").text($(elem).text());
               $(elem).text("");  
           },100);
          });
        });
    &lt;/script&gt;
  &lt;/head&gt;
   &lt;body&gt;
     &lt;input class = 'foo' type = 'text' /&gt;&lt;input class = 'boo' type = 'text' /&gt;
   &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>