title: Add words next to icons in jquery ui accordion
body: <p>I have a jquery ui accordion which works fine. I have the title on the left, and a +/- on the right which I'm using fontawesome for. </p>
  
  <p>Is it possible to add some words next to the +/-? For example expand/collapse.</p>
  
  <p>My code looks like this:</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>jQuery(document).ready(function($) {
       var icons = {
        header: "ui-icon-plus icon-large",
        activeHeader: "ui-icon-minus icon-large"
       };
   
   $( "#accordion" ).accordion({
    heightStyle: "content",
    icons: icons,
    active: false,
    collapsible: true,
    header: "h3",
    navigation: true,
       });
      });</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"&gt;&lt;/script&gt;
  &lt;script src="https://code.jquery.com/ui/1.9.1/jquery-ui.min.js"&gt;&lt;/script&gt;
  
  &lt;link href="https://code.jquery.com/ui/1.9.2/themes/base/jquery-ui.css" rel="stylesheet" type="text/css" /&gt;
  
  &lt;div id="accordion"&gt;
    &lt;h3&gt;Title 1&lt;/h3&gt;
    &lt;div&gt;
      &lt;p&gt;
        Text here.
      &lt;/p&gt;
    &lt;/div&gt;
    &lt;h3&gt;Title 2&lt;/h3&gt;
    &lt;div&gt;
      &lt;p&gt;
        Text here.
      &lt;/p&gt;
    &lt;/div&gt;
  
    &lt;h3&gt;Title 2&lt;/h3&gt;
    &lt;div&gt;
      &lt;p&gt;
        Text here.
      &lt;/p&gt;
    &lt;/div&gt;
  &lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>