title: jQuery modal dialogue content error
body: <p>I have a jQuery modal dialogue content as bellow:  </p>
  
  <pre><code>&lt;script type="text/javascript"&gt;
     jQuery(
      function() {
       jQuery("#bill")
        .dialog(
         {
          bgiframe: true,
          autoOpen: false,
          height: 350,
          width: 400,
          modal: true
         }
        );
       jQuery('body')
        .bind(
         'click',
         function(e){
          if(
           jQuery('#bill').dialog('isOpen')
           &amp;&amp; !jQuery(e.target).is('.ui-dialog, a')
           &amp;&amp; !jQuery(e.target).closest('.ui-dialog').length
          ){
           jQuery('#bill').dialog('close');
          }
         }
        );
      }
     );
    &lt;/script&gt;
  </code></pre>
  
  <p>this is working fine other than the color code added for font:</p>
  
  <pre><code>&lt;span class="label user-label" style="background-color:#09F"&gt;
  
        &lt;a href="Bill_details.php?Bill_id=&lt;?php echo $row_Recordset1['Bill_id'];?&gt;" onclick="jQuery('#bill').load('Bill_details.php?Bill_id=&lt;?php echo $row_Recordset1['Bill_id'];?&gt;').dialog('open');  return false"&gt;
        **&lt;font color=white&gt;**&lt;?php echo $row_Recordset1['Bill_date']; ?&gt;**&lt;/font&gt;**
        &lt;/a&gt;
  </code></pre>
  
  <p>I mean when I added this <code>&lt;font color=white&gt;&lt;/font&gt;</code> that time jQuery Modal is not working.</p>