title: how to make pinch/zoom work on an image
body: <p>I am still learning the tricks to jQuery mobile and have been having a problem with the zooming in and zooming out of a picture/image on a data-role="page." Is there a way to make the pinch/zoom work on an image on the iPhone using jquery mobile?  Cant get it to work on the iOS Simulator. Here is my code. </p>
  
  <pre><code>&lt;!DOCTYPE html&gt; 
  &lt;html&gt;
  &lt;head&gt;
  &lt;meta charset="UTF-8"&gt;
  &lt;title&gt;jQuery Mobile Web App&lt;/title&gt;
  
  &lt;meta content="width=device-width, initial-scale=1, maximum-scale=2" name="viewport"&gt;
  
  &lt;link href="jquery.mobile-1.0a3.min.css" rel="stylesheet" type="text/css"/&gt;
  &lt;script src="jquery-1.5.min.js" type="text/javascript"&gt;&lt;/script&gt;
  &lt;script src="jquery.mobile-1.0a3.min.js" type="text/javascript"&gt;&lt;/script&gt;
  &lt;!-- This reference to phonegap.js will allow for code hints as long as the current site     has been configured as a mobile application. 
  To configure the site as a mobile application, go to Site -&gt; Mobile Applications -&gt;     Configure Application Framework... --&gt;
  &lt;script src="/phonegap.js" type="text/javascript"&gt;&lt;/script&gt;
  &lt;/head&gt; 
  &lt;body&gt; 
  
      &lt;div data-role="page" id="page"&gt;
      &lt;div data-role="header"&gt;
      &lt;h1&gt;Page One&lt;/h1&gt;
      &lt;/div&gt;
      &lt;div data-role="content" style="padding:0;"&gt;    
             &lt;img src="coffee.gif" width="320" height="480" alt="coffee"&gt;
          &lt;/div&gt;
      &lt;div data-role="footer"&gt;
      &lt;h4&gt;Page Footer&lt;/h4&gt;
     &lt;/div&gt;
      &lt;/div&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>Thanks so much for your help.  Much appreciated. </p>
  
  <p>-bob </p>