title: cordova camera not showing image in div
body: <p>Everything works fine other then the div is not showing the photo, I'm not sure where i have made the error. I am using the newest version of phonegap cli-5.2.0 and i have been over and over the docs trying to find where i might have gone wrong </p>
  
  <p>html </p>
  
  <pre><code>&lt;div id="myImage"&gt;&lt;/div&gt;
  </code></pre>
  
  <p>CSS </p>
  
  <pre><code>#myImage
          {
           width:80%; 
           padding:2%; 
           left:7.5%; 
           top:15%; 
           background-color:#111; 
           height:50%; 
           border: 3px solid #111;
           }
  </code></pre>
  
  <p>JS</p>
  
  <pre><code>  $(document).ready(function() {
          $("#camera").click(function() {
              navigator.camera.getPicture(onSuccess, onFail, { 
              quality : 75,
              destinationType: Camera.DestinationType.FILE_URI,
              sourceType : Camera.PictureSourceType.CAMERA,
              encodingType: Camera.EncodingType.JPEG,
              targetWidth: 300,
              targetHeight: 300,
              popoverOptions: CameraPopoverOptions,
              saveToPhotoAlbum: true });
  
      function onSuccess(imageURI) {
          var image = document.getElementById('myImage');
          image.src = imageURI;
  
      }
  
      function onFail(message) {
          alert('Failed because: ' + message);
      }
          });
      });
  </code></pre>