title: mailto links not working in Chrome and Safari Mobile
body: <p>In my jQuery Mobile App, I have a mailto link, its href attribute is dynamically generated and it is 'clicked' via jQuery.Here is the link code:</p>
  
  <pre><code>&lt;a id="mealLink" href="mailto:123@123.com" style="display: none;"&gt;This is the mailto 
  link&lt;/a&gt;
  </code></pre>
  
  <p>A click handler is attached to it like this:</p>
  
  <pre><code>$('#mailLink').bind('click', function() {
  window.location.href = $(this).attr('href'); 
  });
  </code></pre>
  
  <p>Lastly,a function creates the href attribute for the link with emailaddress, subject and message body and click is simulated via jQuery:</p>
  
  <pre><code>$emailAddress= ..
  
  $subject= ....
  $body=...
  $emailString="mailto:"+$emailAddress+$subject+$body;
  $emailLink= $("#mealMail");
  $emailLink.attr("href",$emailString);
  $emailLink.click();
  </code></pre>
  
  <p>Now, this code is working perfectly in:
  Mozilla desktop
  Safari desktop
  Android </p>
  
  <p>But not working in:
  Safari Mobile
  Chrome desktop</p>
  
  <p>Any suggestions?</p>