title: Set the title of Accordion in Semantic.JS
body: <p>I am using Semantic UI JS for implementing various UI functionalities. Here is the link for the <a href="http://semantic-ui.com/modules/accordion.html#fluid" rel="nofollow noreferrer">Semantic UI</a>.   I need to set the value of the Title dynamically. Here in the below example "Title 1". Looking for a way to do it using JQuery. </p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;div class="ui styled accordion"&gt;
    &lt;div class="title"&gt;
      &lt;i class="dropdown icon"&gt;&lt;/i&gt;
      Title 1
    &lt;/div&gt;
    &lt;div class="content"&gt;
      &lt;p class="transition hidden"&gt;Content of the title&lt;/p&gt;
    &lt;/div&gt;
  &lt;/div&gt;  </code></pre>
  </div>
  </div>
  </p>