title: Start simplemodal on page load
body: <p>I am coding a little web page and I want to start simplemodal on the start of loading the page.</p>
  
  <p>So now i have this code in body</p>
  
  <pre><code>&lt;div id='container'&gt;
      &lt;div id='content'&gt;
          &lt;div id='basic-modal'&gt;
              &lt;input type='button' name='basic' value='Open' class='basic'/&gt;
          &lt;/div&gt;
  
          &lt;!-- modal content --&gt;
          &lt;div id="basic-modal-content"&gt;
              &lt;h3&gt;Random Text in the SompleModal box.&lt;/h3&gt;
  
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>You can see the button as a input, when i click it the box poppes up and there is the text.</p>
  
  <p>Here also the basic.js, but i dont understand it, because i started learning Web Designing a few days ago.</p>
  
  <p>basic.js</p>
  
  <pre><code>jQuery(function ($) {
      // Load dialog on page load
      //$('#basic-modal-content').modal();
  
      // Load dialog on click
      $('#basic-modal .basic').click(function (e) {
          $('#basic-modal-content').modal();
  
          return false;
      });
  });
  </code></pre>
  
  <p>also included are these files.</p>
  
  <pre><code>&lt;script type='text/javascript' src='js/jquery.js'&gt;&lt;/script&gt;
  &lt;script type='text/javascript' src='js/jquery.simplemodal.js'&gt;&lt;/script&gt;
  </code></pre>
  
  <p>I read that it it possible to use onLoad or in jscript .ready but i dont know how.</p>