jquery copy content to another text box
<p>I have 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 that #provarname should get 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>

<p>Please help to fix it, thanks.</p>
