title: Bootstrap datetimepicker returning undefined value
body: <p>I'm trying to get a couple of date time selector widgets working, but whenever I submit my form, the values returned are undefined. I'm still new to Javascript, and haven't worked with jQuery at all.</p>
  
  <p>My code follows the basic example here: <a href="http://eonasdan.github.io/bootstrap-datetimepicker/#minimum-setup" rel="nofollow">http://eonasdan.github.io/bootstrap-datetimepicker/#minimum-setup</a></p>
  
  <pre><code>&lt;form method="post" action="/requser/direct-user"&gt;
  &lt;div class="row"&gt;
      &lt;div class="col-md-3"&gt;
          &lt;div class="form-group"&gt;
              &lt;label for="directTrainingDate"&gt;Training Date&lt;/label&gt;
              &lt;div class='input-group date' name="directTrainingDate" id='directTrainingDate'&gt;
                  &lt;input type='text' class="form-control"&gt;
                  &lt;span class="input-group-addon"&gt;&lt;span class="glyphicon glyphicon-calendar"&gt;&lt;/span&gt;&lt;/span&gt;
              &lt;/div&gt;
          &lt;/div&gt;
          &lt;script&gt;
              $('#directTrainingDate').datetimepicker({
                  format: 'YYYY-MM-DD'
              });
          &lt;/script&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  
  &lt;div class="row"&gt; &lt;!-- Submit button --&gt;
      &lt;div class="col-md-12"&gt;
          &lt;div class="form-group"&gt;
              &lt;button type="submit" class="btn btn-custom"&gt;Submit&lt;/button&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt; &lt;!-- End Submit button --&gt;
  &lt;/form&gt;
  </code></pre>
  
  <p>And then back in my Node/Express route, I'm just logging the value of <code>req.body.directTrainingDate</code>, and it's always undefined.</p>