title: scrollable dialog in jquery
body: <p>i am trying to replicate "DEMO 3" in this page:</p>
  
  <p><a href="http://www.mudaimemo.com/p/simpledialog/" rel="nofollow noreferrer">http://www.mudaimemo.com/p/simpledialog/</a></p>
  
  <p>it works great except that i am filling up the checkbox list dynamically and sometimes i have more checkboxes than fit on the page.  is there anyway to make this scrollable so there is a max size as right now it just goes off the screen.</p>
  
  <p>EDIT:
  when i try to add a height to the javascript, the box comes up the right height but the checkboxes keep going down the page.  how do i keep the checkboxes in the container and have a vertical scroll bar?</p>
  
  <pre><code>$(document).ready(function() {
      $('#sdHc3').simpleDialog({
      showCloseLabel: false,
          height: 400,
          open: function() {
              $('#checkboxStatus').html('');
          },
          close: function() {
              var c = [];
              $('#checkboxForm :checkbox:checked').each(function() {
                  c.push($(this).val());
              });
              $('#checkboxStatus').html('&amp;nbsp;&amp;nbsp;Checked &lt;b&gt;' + c.join(', ') + '&lt;/b&gt;.').show();
          }
      });
  </code></pre>