title: How to get the canvas element by jquery?
body: <p>Currently I'm play with the html5 canvas, the simple code is below:</p>
  
  <pre><code>&lt;!DOCTYPE HTML&gt;
  &lt;html&gt;
  &lt;head&gt;
      &lt;title&gt;&lt;/title&gt;
      &lt;script src="Scripts/jquery-2.0.3.min.js"&gt;&lt;/script&gt;
      &lt;script&gt;
          $(function () {
              //THIS WILL NOT WORK!
              //var cv = $("#cv");  
  
              //THIS WORKS FINE.
              var cv = document.getElementById("cv"); 
  
              ct = cv.getContext("2d");
              var mText = "hi";
              var x = cv.width / 2;
              var y = cv.height / 2;
              ct.textAligh = "center";
              ct.fillText(mText, x, y);
          });
      &lt;/script&gt;
  &lt;/head&gt;
  &lt;body&gt;
  &lt;div style="width:200px; height:200px; margin:0 auto; padding:5px;"&gt;
      &lt;canvas id="cv" width="200" height="200" style="border:2px solid black"&gt;
      Your browser doesn't support html5! Please download a fitable browser.
      &lt;/canvas&gt;
  &lt;/div&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>The canvas element could only be picked by the method document.getElementById, but the jQuery method is not working. Is there a way to get the original html from the jquery object or am I miss using something?
  Thanks in advance!</p>