title: Problems with script
body: <p>I'm using this code for tabs  on my website and it working just fine, but If I want to place same code on the page, tabs doesn't switch, when I click on the button it just sends me to the top and not switching. Can someone explain what can be the problem?</p>
  
  <pre><code>&lt;center&gt;
      &lt;ul class="wpa_tab_pln" id="tab_lts_chp"&gt;
          &lt;li style="text-align: center;float:none;display:inline-block"&gt;&lt;a href="#" rel="tab_lts_chp_anm"&gt;button1&lt;/a&gt;&lt;/li&gt;
          &lt;li style="text-align: center;float:none;display:inline-block"&gt;&lt;a class="selected" href="#" rel="tab_lts_chp_tv"&gt;button2&lt;/a&gt;&lt;/li&gt;
          &lt;li style="text-align: center;float:none;display:inline-block"&gt;&lt;a class="selected" href="#" rel="tab_lts_chp_mng"&gt;button3&lt;/a&gt;&lt;/li&gt;
          &lt;li style="text-align: center;float:none;display:inline-block"&gt;&lt;a class="selected" href="#" rel="tab_lts_chp_drama"&gt;button4&lt;/a&gt;&lt;/li&gt;
      &lt;/ul&gt;
  &lt;/center&gt;
  
  &lt;div class="clr"&gt;&lt;/div&gt;
  
  &lt;div style="display:block" id="tab_lts_chp_anm" class="wpa_tab_ctt"&gt;Shortcode&lt;/div&gt;
  &lt;div style="display:none" id="tab_lts_chp_tv" class="wpa_tab_ctt"&gt;shortcode&lt;/div&gt;
  &lt;div style="display:none" id="tab_lts_chp_mng" class="wpa_tab_ctt"&gt;shortcode&lt;/div&gt;
  &lt;div style="display:none" id="tab_lts_chp_drama" class="wpa_tab_ctt"&gt;shortcode&lt;/div&gt;
  
  &lt;script type="text/javascript"&gt;
      var tab_lts_chp_obj = new wpm_tab("tab_lts_chp");
  
      tab_lts_chp_obj.set_pst(true);                                                
      tab_lts_chp_obj.set_sel_cls_tgt("link");                              
      tab_lts_chp_obj.inl();
  &lt;/script&gt;
  </code></pre>
  
  <p>This script is working if I put it once. If I put same code on the page second time, second copy won't work.</p>