title: How to change the jquery ui accordion default icon to plus icon globally
body: <p>I am using <code>Jquery UI Accordion</code> in my rails project. The <code>accordion</code> using the <code>arrow images</code> as a default one. I need to change that arrow icon to <code>Plus icon</code> as default. Where shall i edit to make the <code>Plus and minus icon</code> to default to change all over the sites. I am using the accordion in lot of pages?</p>
  
  <p>I seen more related this question in other posts. In my case is in ruby-on-rails project. I want to change the icon globally to take the effect all over the project.</p>
  
  <p>I added the following line to each page to make it working of what i want. I feel its not the DRY Principle. I need to set like this globally to work all the pages in the whole site.</p>
  
  <pre><code>&lt;script&gt;
    $(function() {
      $( "#accordion" ).accordion({
        heightStyle: "content"
      });
      /* Change the accordion image to Plus and minus */
      $("#accordion").accordion("option", "icons", 
          { 'header': 'ui-icon-plus', 'headerSelected': 'ui-icon-minus' });
    });
  &lt;/script&gt;
  </code></pre>
  
  <p>Any suggestions and helps would be more appreciated...</p>