title: jQuery UI Dialog - missing close icon
body: <p>I'm using a custom jQuery 1.10.3 theme. I downloaded every straight from the theme roller and I have intentionally not changed anything.</p>
  <p>I created a dialog box and I get an empty gray square where the close icon should be:
  <img src="https://i.stack.imgur.com/PjMs8.png" alt="Screen shot of missing close icon" /></p>
  <p>I compared the code that is generated on my page:</p>
  <pre class="lang-html prettyprint-override"><code>&lt;div class=&quot;ui-dialog-titlebar ui-widget-header ui-corner-all ui-helper-clearfix&quot;&gt;
      &lt;spanid=&quot;ui-id-2&quot; class=&quot;ui-dialog-title&quot;&gt;Title&lt;/span&gt;
      &lt;button class=&quot;ui-dialog-titlebar-close&quot;&gt;&lt;/button&gt;
  &lt;/div&gt;
  </code></pre>
  <p>To the code generated on the <a href="http://jqueryui.com/dialog/#default" rel="noreferrer">Dialog Demo page</a>:</p>
  <pre class="lang-html prettyprint-override"><code>&lt;div class=&quot;ui-dialog-titlebar ui-widget-header ui-corner-all ui-helper-clearfix&quot;&gt;
      &lt;span id=&quot;ui-id-1&quot; class=&quot;ui-dialog-title&quot;&gt;Basic dialog&lt;/span&gt;
      &lt;button class=&quot;ui-button ui-widget ui-state-default ui-corner-all ui-button-icon-only ui-dialog-titlebar-close&quot; role=&quot;button&quot; aria-disabled=&quot;false&quot; title=&quot;close&quot;&gt;
          &lt;span class=&quot;ui-button-icon-primary ui-icon ui-icon-closethick&quot;&gt;&lt;/span&gt;
          &lt;span class=&quot;ui-button-text&quot;&gt;close&lt;/span&gt;
      &lt;/button&gt;
  &lt;/div&gt;
  </code></pre>
  <h3>EDIT</h3>
  <p>The different parts of the code are <strong>generated</strong> by jQueryUI, not me so I can't just add the span tags without editing the jqueryui js file which seems like a bad/unnecessary choice to achieve normal functionality.</p>
  <p>Here is the JavaScript used that generates that part of the code:</p>
  <pre class="lang-js prettyprint-override"><code>this.element.dialog({
      appendTo: &quot;#summary_container&quot;,
      title: this.title(),
      closeText: &quot;Close&quot;,
      width: this.width,
      position: {
          my: &quot;center top&quot;,
          at: (&quot;center top+&quot;+(window.innerHeight*.1)),
          collision: &quot;none&quot;
      },
      modal: false,
      resizable: false,
      draggable: false,
      show: &quot;fold&quot;,
      hide: &quot;fold&quot;,
      close: function(){
          if(KOVM.areaSummary.isVisible()){
              KOVM.areaSummary.isVisible(false);
          }
      }
  });
  </code></pre>
  <p>I'm at a loss and need help.</p>