title: How to get the value/text change event of any html element (especially labels) in jQuery?
body: <p>I have tried the following code:</p>
  
  <pre><code>&lt;html&gt;
  &lt;head&gt;
  &lt;title&gt;My Test Page&lt;/title&gt;
  &lt;script type="text/javascript" src="js/jQuery.js"&gt;&lt;/script&gt;
  &lt;script type="text/javascript"&gt;
      **$(document).ready(function(){
          $(':input').keypress(function(e) {
              $('h1').text($(':input').val());
          });
          $('h1').change( function() {
              alert('hao');
          });
      });**
  &lt;/script&gt;
  &lt;/head&gt;
  &lt;body&gt;
      &lt;div&gt;
          **&lt;h1&gt;&lt;/h1&gt;
          &lt;input type="text" /&gt;**
      &lt;/div&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>Here i have a text box on keypress in textbox the value of textbox goes into the heading element...but i've used function "$('h1').change ..." and it should execute when the value of heading changes, but it's not. i want that event to carry out a process, please suggest some loop overs. </p>