title: simplemodal not picking up data-height and data-width
body: <p>In fact, I edited the sample HTML basic template from author Eric Martin and it dw.
  <strong>How come?</strong> Here is the file: <a href="http://communitychessclub.com/basic/index.html" rel="nofollow">http://communitychessclub.com/basic/index.html</a> and all needed files are clearly referenced correctly.</p>
  
  <p>This the HTML to invoke the simplemodal:   </p>
  
  <pre><code>&lt;a href='#' class='basic' data-width="586" data-height="100"&gt;Demo&lt;/a&gt;
  </code></pre>
  
  <p>This is the target div to popup:</p>
  
  <pre><code>&lt;!-- modal content --&gt;
  &lt;div id="basic-modal-content"&gt;
  &lt;p class="hyphenate"&gt;&lt;span class="bold"&gt;George Carlin explains:&lt;/span&gt; "Quality. Values. Style. Service. Selection. Convenience. Economy. Savings. Performance. Experience. Hospitality. Low rates. Friendly service. Name brands. Easy terms. Affordable prices. Money back guarantee. Free installation. Free admission. Free appraisal. Free delivery. Free alterations. Free home trial. And free parking.&lt;/p&gt;&lt;/div&gt;
  </code></pre>
  
  <p>This is the javascript to process the modal:</p>
  
  <pre><code>&lt;script&gt;
  jQuery(function ($) {
  $('#basic-modal .basic').click(function (e) {
      var hrefval= $(this).attr("href"); 
      var $this = $(this); 
      var height_len = $this.data("height");  
      var width_len = $this.data("width"); 
  
  $('#basic-modal-content').modal(
  
  containerCss:{
          backgroundColor:"#ccc",
          borderColor:"#ccc",
          border:5,
          padding:5,
          height:'height_len+20',
          width:'width_len+20'
          });
  return false;
  });
  });
  &lt;/script&gt;
  </code></pre>