Disable href with jquery/js
<p>I am having difficulties in disabling href links through jquery. I am using this method I modified. Can some please advise or help me in figuring this out?
Thank you.</p>

<p><strong>jquery/js</strong></p>

<pre><code>&lt;script&gt;
 $('.next-tab').click(function() {
     $('.st_tab_active').attr('disabled','disabled');
     var tab=  $('.st_tab_active').parent().next().children('a');
     tab.removeAttr('disabled');
     tab.trigger('click');
     return false;
      });
&lt;/script&gt;
</code></pre>

<p><strong>html</strong></p>

<pre><code>&lt;ul class="st_tabs"&gt;
    &lt;li&gt;&lt;a href="#st_content_1" class="st_tab" disabled="disabled"&gt;Horizontal Tab #1&lt;/a&gt;&lt;/li&gt;
    &lt;li&gt;&lt;a href="#st_content_2" class="st_tab" disabled="disabled"&gt;Horizontal Tab #2&lt;/a&gt;&lt;/li&gt;
    &lt;li&gt;&lt;a href="#st_content_3" class="st_tab" disabled="disabled"&gt;Horizontal Tab #3&lt;/a&gt;&lt;/li&gt;
    &lt;li&gt;&lt;a href="#st_content_4" class="st_tab" disabled="disabled"&gt;Horizontal Tab #4&lt;/a&gt;&lt;/li&gt;
    &lt;li&gt;&lt;a href="#st_content_5" class="st_tab" disabled="disabled"&gt;Horizontal Tab #5&lt;/a&gt;&lt;/li&gt;
&lt;/ul&gt;
</code></pre>
