title: Jquery insert class inside html element
body: <p>I have a set of tabs, when a class is active I want to add the following:</p>
  
  <pre><code>&lt;hr class="break-sec"&gt;
  </code></pre>
  
  <p>This class has to be inside the span class and after the title-text class as shown below. Here is the code and where it has to be inserted.</p>
  
  <pre><code>&lt;li class="vc_tta-tab vc_active" data-vc-tab=""&gt;
    &lt;a href="#1485520583544" data-vc-tabs="" data-vc-container=".vc_tta"&gt;
      &lt;span class="vc_tta-title-text"&gt;
        GALLERY 
        &lt;hr class="break-sec"&gt;
      &lt;/span&gt;
    &lt;/a&gt;
  &lt;/li&gt;
  </code></pre>
  
  <p>How can I accomplish this using jQuery?</p>