title: Html5 canvas not drawing in Div with jquery
body: <p>Ok. so basically i have a div that i want to load it with a file that has some html5 canvas.
  When i load the file on its self it works. The problem is when i load my site normal and press the link to load the same file in the div that i want it doesn't draw.</p>
  
  <p>I use  $('#container').load('mycanvas.html');    with .click event to  load the file</p>
  
  <p>The code below is what is in the mycanvas.html file.</p>
  
  <pre><code>&lt;style&gt;
    body {
      margin: 0px;
      padding: 0px;
    }
    #myCanvas {
      border: 1px solid #9C9898;
    }
  &lt;/style&gt;
  &lt;script&gt;
    window.onload = function() {
      var canvas = document.getElementById("myCanvas");
      var context = canvas.getContext("2d");
  
      context.beginPath();
      context.moveTo(100, 150);
      context.lineTo(450, 50);
      context.stroke();
    };
  
  &lt;/script&gt;
  
  &lt;canvas id="myCanvas" width="500" height="200"&gt;&lt;/canvas&gt;
  </code></pre>
  
  <p>What am i doing wrong ?</p>