title: image id in canvas
body: <p>Image load dynamically: </p>
  
  <p><code>imageObj.src = "source";</code></p>
  
  <p>Button click code:</p>
  
  <pre><code>$(document).ready(function ()
          {
              var value = 0;
              $('#left').click(function ()
              {
                  alert("left click");
                  value -= 90;
                  $('#img').rotate({ animateTo: value });
  
              });
              $('#right').click(function ()
              {
                  value += 90;
                  $('#img').rotate({ animateTo: value });
              });
          });     
  </code></pre>
  
  <p>I have loaded the image dynamically in canvas button click, but I have to rotate image in canvas clockwide and anticlockwise.</p>
  
  <p>When I take hardcoded img tag in html it works, but my functionality does not work when image loaded dynamically.</p>