title: open js popup by clicking a button
body: <p>i have index html page in my site, its the main page.
  in the index html i have a button and by clicking it i want to open a popup form, i have the js file and css file of this popup included in the index html.</p>
  
  <p>i just cant open this animated popup by clicking the input type button..
  can anyone help me? </p>
  
  <pre><code>the clouds js:
  
          $(function ()
  {
      // Register Smart skin.
      $.speedoPopup.registerSmartSkin('clouds', function (overlay, container)
      {
          // We don't want to brake anything if there is no overlay.
          if (!overlay)
          {
              return ;
          }
  
          if ($.speedoPopup.browser_ie &amp;&amp; $.speedoPopup.browser_ie&lt; 9)
          {
              return;
          }
  
          var clouds = '&lt;div class="cloud x1"&gt;&lt;/div&gt;&lt;div class="cloud x2"&gt;&lt;/div&gt;&lt;div class="cloud x3"&gt;&lt;/div&gt;&lt;div class="cloud x4"&gt;&lt;/div&gt;&lt;div class="cloud x5"&gt;&lt;/div&gt;';
  
          overlay.append(clouds);
      });
  });
  </code></pre>
  
  <p>index html: below the head tag</p>
  
  <pre><code>&lt;link type='text/css' href='clouds/clouds.css' rel='stylesheet' media='screen' /&gt;
  &lt;script type='text/javascript' src='clouds/clouds.js'&gt;&lt;/script&gt;
  </code></pre>
  
  <p>and the button:</p>
  
  <pre><code>&lt;div&gt;
  &lt;input type='button' name='clouds' value='Clouds'/&gt;
  &lt;/div&gt;
  </code></pre>