How to get input value to modal box jquery UI
<pre><code>&lt;div id="befor-box"&gt;
   &lt;form id="newsletter-form" name="newsletter-form" action="/sub/" method="post"&gt;{% csrf_token %}
      &lt;input name="email" type="text" value="Enter your Email here" class="text"/&gt; 
      &lt;input class="submit" onclick="showDialog();" value="Subscribe!" /&gt;
   &lt;/form&gt;
&lt;/div&gt;
</code></pre>

<p>How to get EMAIL value from:</p>

<p><code>&lt;input name="email" type="text" value="Enter your Email here" class="text"/&gt;</code> </p>

<p>to:</p>

<p><code>&lt;input name="email" type="text" value="" class="text"/&gt;</code></p>

<p>from here:</p>

<pre><code>&lt;div id="dialog-modal" style="display:none;"&gt;
   &lt;form name="newsletter-form" action="/sub/" method="post"&gt;
      &lt;input name="email" type="text" value="" class="text"/&gt;
      &lt;input name="fname" type="text" value="First name" class="text"/&gt;
      &lt;input name="lname" type="text" value="Last name" class="text"/&gt;
      &lt;input type="submit" class="submit" value="Subscribe!" /&gt;
   &lt;/form&gt;
&lt;/div&gt;
&lt;script type="text/javascript"&gt;
   function showDialog()
   {
   $( "#dialog-modal" ).dialog({


   });
   }
&lt;/script&gt;
</code></pre>
