title: Javascript: Smoke-Logo effect
body: <p>I am trying to make a logo to have smoke all over it. I bummped into this jsfiddle:
  <a href="http://jsfiddle.net/jonnyc/Ujz4P/5/" rel="nofollow">http://jsfiddle.net/jonnyc/Ujz4P/5/</a> and now I am trying to change it so it goes over a logo
  however it doesn't want to work.</p>
  
  <p>index.html</p>
  
  <pre><code>&lt;html&gt;
  &lt;head&gt;
  &lt;title&gt;Smoke&lt;/title&gt;
  &lt;style&gt;
  .container
  {
    width: 360px;
    height: 200px;
    border: 2px solid black;
   }
   &lt;/style&gt;
   &lt;script type="text/javascript" src="smoke_effect.js"&gt;&lt;/script&gt;
   &lt;script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"&gt;&lt;/script&gt;
   &lt;/head&gt;
   &lt;body&gt;
   &lt;div class="container"&gt;
     &lt;img id="smoke-logo" src="images.jpg"/&gt;
   &lt;/div&gt;
   &lt;/body&gt;
   &lt;/html&gt;
  </code></pre>
  
  <p>and all of the javascript on the left hand side in the jsfiddle I paste it in a docment called smoke_effect.js however I haven't change the code at all I just change the tag from "myCanvas" to "smoke-logo". </p>