title: Is there !important type rule for javascript / jQuery like CSS
body: <p>I was wondering is there any <code>!important</code> type rule where default javascript, jQuery plugin particular part can be override without hacking the plugin.</p>
  
  <p>in CSS it can be done like to override default values</p>
  
  <pre><code>p {
      color: red !important; //it override default p color
  }
  </code></pre>
  
  <p>But if in jQuery a particular portion needs to be modified for any reason how it can be done without altering the original code.</p>
  
  <p>e.g</p>
  
  <p>Following is the piece of code from <code>tweecool.js</code> plugin and there is no option to add tweeter icon with each tweet, </p>
  
  <pre><code>wInner.append('&lt;li&gt;' + pIMG + '&lt;div class="tweets_txt"&gt;' + field.text.replace(urlpattern, '&lt;a href="$1" target="_blank"&gt;$1&lt;/a&gt;').replace(usernamepattern, '&lt;a href="https://twitter.com/$1" target="_blank"&gt;@$1&lt;/a&gt;').replace(hashpattern, '&lt;a href="https://twitter.com/search?q=%23$1" target="_blank"&gt;#$1&lt;/a&gt;') + media + ' &lt;span&gt;' + timestamp + '&lt;/span&gt;&lt;/div&gt;&lt;/li&gt;');
  </code></pre>
  
  <p>So i added the <code>&lt;i class="fa fa-twitter"&gt;&lt;/i&gt;</code> inside main plugin and it worked </p>
  
  <pre><code>wInner.append('&lt;i class="fa fa-twitter"&gt;&lt;/i&gt; &lt;li&gt;' + pIMG + '&lt;div class="tweets_txt"&gt;' + field.text.replace(urlpattern, '&lt;a href="$1" target="_blank"&gt;$1&lt;/a&gt;').replace(usernamepattern, '&lt;a href="https://twitter.com/$1" target="_blank"&gt;@$1&lt;/a&gt;').replace(hashpattern, '&lt;a href="https://twitter.com/search?q=%23$1" target="_blank"&gt;#$1&lt;/a&gt;') + media + ' &lt;span&gt;' + timestamp + '&lt;/span&gt;&lt;/div&gt;&lt;/li&gt;');
  </code></pre>
  
  <p>So wondering is there any other way without modifying the original plugin and just override the particular part where need or required modification / changes? </p>