title: How to get django form value in javascript without saving it into model
body: <p>I created a django form and I need not to save those values in my database. But I don't know how to access those form values in javascript.</p>
  
  <p><strong>balance.html</strong></p>
  
  <pre><code>&lt;script&gt;
  $(document).ready(function () {
      $('.dateinput').datepicker();
      var a = document.getElementsById("{{ form.start_date }}").val;
      alert(a);
  });
  &lt;/script&gt;   
  
  &lt;div&gt;
      &lt;form action="" method="POST"&gt;{% csrf_token %} Start Date: {{ form.start_date }}&amp;nbsp;&amp;nbsp; End Date:{{ form.end_date }}
          &lt;br/&gt;
          &lt;input type="submit" name="submit" value="See Results" id="tryonce"&gt;
      &lt;/form&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>But I can't get the result.
  How those form value can be retrieve in javascript ?</p>