title: Change type of an Input element using jquery
body: <p>I am trying to change type of input, specifically after click into input I need to change <code>type="text"</code> to <code>type="date"</code>.</p>
  
  <pre><code>&lt;input type="text" placeholder="DOB" id="dob" name="dob" /&gt;
  &lt;script&gt;
      $("#dob").click(function () {
          $(this).attr('type', 'date');
  
      });
  &lt;/script&gt;
  </code></pre>
  
  <p>I want to accomplish this for a iphone App. This is not working in iphone 4. How can do this?</p>