title: jquery copy content to another text box
body: <p>I have the following 2 fields in my large form...</p>
  
  <pre><code> &lt;p&gt;&lt;input type="text" name="name" id="proname" value="" /&gt;&lt;/p&gt;  
   &lt;p&gt;&lt;input type="text" name="var" id="provarname" value="" /&gt;&lt;/p&gt;
  </code></pre>
  
  <p>I want #provarname to get the value live automatically from #proname, for example if we enter Design watch in #provarname, same time #provarname should get value design-watch(small letters and space replaced with -) , and i have written following jquery code which is not working in same manner...</p>
  
  <pre><code>$(document).ready(function() {
      $('#proname').live('change',function() {
          var pronameval = $(this).val();
          $('#provarname').val(pronameval.replace(' ', '-'));
      });
  });
  </code></pre>