title: How to check checkbox value in Jquery UI Dialog
body: <p>I am trying to call changeShowTips() method in JQuery UI dialog,
  however the method always returns "NOT checked!!!!"</p>
  
  <p>what seems to be the problem?</p>
  
  <pre><code>    &lt;div id="dialog-tip"&gt;
          &lt;div&gt;
              &lt;input type="checkbox" name="showTips" value="showTips" checked="checked" onclick="changeShowTips();"/&gt;Show tips on start up
          &lt;/div&gt;
      &lt;/div&gt;
  
      &lt;script type="text/javascript"&gt;
          $(document).ready(function () {
              showTips()
          });
  
  
          function showTips() {
              $("#dialog-tip").dialog({
                  height: 520,
                  width: 515,
                  modal: true,
              }).parents('.ui-dialog:eq(0)').wrap('&lt;div class="black-tie"&gt;&lt;/div&gt;');             
          }
  
          function changeShowTips() {
              if (showTips.checked == true) {
                  alert('checked!!!');
              }
              else {
                  alert('NOT checked!!!');
              }
          }
  
      &lt;/script&gt;
  </code></pre>