title: How to set the default date on date box in jQuery mobile with DateBox plugin?
body: <p>I am implementing the date box in jQuery mobile. I am using the date box in pop up, which is working. I need to set the default date (current date) in the text field when a user opens the pop up screen, using (+) button.</p>
  
  <p><a href="http://jsfiddle.net/ravi1989/uhdYv/" rel="nofollow">http://jsfiddle.net/ravi1989/uhdYv/</a></p>
  
  <pre><code>  &lt;div data-role="popup" id="CaseInformationScreen" data-close-btn="none"  data-overlay-theme="a" data-dismissible="false"&gt;
                  &lt;div data-role="header" data-theme="b" &gt;
  
                      &lt;a href="#" data-role="button" data-corners="false" id="Cancel"&gt;Cancel&lt;/a&gt;
                      &lt;h1&gt;Case Information&lt;/h1&gt;
                      &lt;a href="#" data-role="button" data-corners="false" id="AddButton"&gt;Add&lt;/a&gt;
                  &lt;/div&gt;
  
                  &lt;div data-role="content"&gt;
                      &lt;div&gt;&lt;img src="img/Documents.png"/&gt;&lt;/div&gt;
                      &lt;div data-role="fieldcontain"&gt;
                          &lt;label for="text-12" style="text-align:top;margin-left: 0px;"&gt;Case Name:&lt;/label&gt;
                          &lt;input name="text-12" id="text-12" value="" type="text" class="caseName_h" &gt;
                      &lt;/div&gt;
                      &lt;div data-role="fieldcontain"&gt;
                          &lt;label for="text-12" style="text-align:left;margin-left: 0px;" &gt;Case Date:&lt;/label&gt;
                          &lt;!--input name="text-12" id="text-12" value="" type="date" class="caseDate_h"  --&gt;
                             &lt;input name="mydate" id="mydate" type="date" data-role="datebox" data-options='{"mode": "datebox", "useNewStyle":true,"zindex":1200}'/&gt;
                      &lt;/div&gt;
                      &lt;div data-role="fieldcontain"&gt;
                          &lt;label for="textarea-12"&gt;Textarea:&lt;/label&gt;
                          &lt;textarea cols="40" rows="8" name="textarea-12" id="text-12" class="caseTextArea_h"&gt;&lt;/textarea&gt;
                      &lt;/div&gt;
                  &lt;/div&gt;
              &lt;/div&gt;
  </code></pre>