I want both values before and after submitting a form
<p>I have a simple form and inside there are two input fields text type. 
for example if input has initially value like "Hello" and later on I have changed it to "Hi" and then I submit this form. </p>

<p>I want to see this both values, anyone suggest me please </p>

<p>markup</p>

<pre><code>    &lt;form action="index_submit" method="get" name="anil" &gt; 
        &lt;label for="first_name"&gt;first name&lt;/label&gt;&lt;input type="text" name="first_name" value="" id="first_name"&gt;
        &lt;label for="last_name"&gt;last name&lt;/label&gt;&lt;input type="text" name="last_name" value="" id="last_name"&gt;
        &lt;label for="user_name"&gt;user name&lt;/label&gt;&lt;input type="text" name="user_name" value="" id="user_name"&gt;
        &lt;input type="submit" name="submit" value="submit" id="submit"&gt;
        &lt;input type="reset" name="reset" value="reset" id="reset"&gt;
    &lt;/form&gt;
</code></pre>

<p>js </p>

<pre><code>$(document).ready(function(){  
    $('form #submit').click(function(){
        var oldValue
        var newValue
    });   
}) 
</code></pre>
