title: Uncaught ReferenceError: show_pic is not defined at file:///android_asset/www/index.html:27
body: <p>I am receiving the following error from eclipse (09-13 15:53:10.266: E/Web Console(24208): Uncaught ReferenceError: show_pic is not defined at file:///android_asset/www/index.html:27) when I attempt to call this function stored in main.js:</p>
  
  <pre><code>function show_pic() {
  navigator.camera.getPicture(dump_pic, captureError, {
      quality : 50
  });
  }
  </code></pre>
  
  <p>Here is the html</p>
  
  <pre><code> &lt;!DOCTYPE HTML&gt;
  &lt;html&gt;
    &lt;head&gt;
      &lt;meta name="viewport" content="width=device-width" /&gt;
      &lt;meta http-equiv="Content-type" content="text/html; charset=utf-8"&gt;
  &lt;script src="http://code.jquery.com/jquery-1.7.1.min.js"&gt;&lt;/script&gt;
  &lt;script src="http://code.jquery.com/mobile/1.1.1/jquery.mobile-1.1.1.min.js"&gt;&lt;/script&gt;
  &lt;script src="cordova-2.0.0.js"&gt;&lt;/script&gt;
  &lt;script src="main.js"&gt;&lt;/script&gt;
  &lt;link rel="stylesheet" href="http://code.jquery.com/mobile/1.1.1/jquery.mobile-     1.1.1.min.css" /&gt;
    &lt;body&gt;
    &lt;div data-role="page"&gt;
    &lt;div data-role="content"&gt;
    &lt;div style="text-align:center;margin:20px;"&gt;
          &lt;img id="cameraPic" src="" style="width:120px;height:120px;"&gt;&lt;/img&gt;
      &lt;/div&gt;
    &lt;/div&gt;
      &lt;div data-role="footer" data-position="fixed"&gt;      
          &lt;div data-role="navbar"&gt;
              &lt;ul&gt;
                  &lt;li&gt;&lt;a href="#"&gt;One&lt;/a&gt;&lt;/li&gt;
                  &lt;li&gt;&lt;a href="#" onClick="show_pic()"&gt;Two&lt;/a&gt;&lt;/li&gt;
                  &lt;li&gt;&lt;a href="#"&gt;Three&lt;/a&gt;&lt;/li&gt;
              &lt;/ul&gt;
          &lt;/div&gt;&lt;!-- /navbar --&gt;
      &lt;/div&gt;&lt;!-- /footer --&gt;
    &lt;/body&gt;
      &lt;/html&gt;
  </code></pre>