title: Chrome Extension - override .js file
body: <p>There is a website that has a certain bug in the JS file. The JS file is only being referenced in one place:</p>
  
  <pre><code>    &lt;script type="text/javascript" charset="utf-8" src="/r/js/no-closure/dialogs.js?v=2"&gt;&lt;/script&gt;
  </code></pre>
  
  <p>I've downloaded the JS file and fixed the bug. Is there any way I can, via a chrome extension, override the <code>/r/js/no-closure/dialogs.js</code> with my <code>dialogs_fixed.js</code>?</p>
  
  <p>I've tried (in <code>background.js</code>): </p>
  
  <pre><code>var script = $('[src*="dialogs.js"]');
  script.attr("src", "dialogs_patch.js");
  </code></pre>
  
  <p>No luck.</p>