title: How to get input value to modal box jquery UI
body: <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>