title: 2 JS functions with same name conflict
body: <h1>Short</h1>
  <p>Using 2 libraries at same page: jQuery UI and Twitter Bootstrap:</p>
  <ul>
  <li>jQuery UI very important for me because nearly all UI things built based on it</li>
  <li>Twitter Bootstrap only for <a href="http://www.jqueryui.com/demos/button/#splitbutton" rel="noreferrer">split button with dropdown menu</a> functionality.</li>
  </ul>
  <p>Now, the problem is both libraries has same named functions which conflicts with each other:</p>
  <h1>Detailed</h1>
  <p><em><strong>Here is example of conflict between jQuery UI and Twitter Bootstrap button functions</strong></em></p>
  <p>Please enter <a href="http://ecruting.tisoft.me/" rel="noreferrer">to this website</a>. Press Recommend button on table</p>
  <p><img src="https://i.stack.imgur.com/UczuN.png" alt="enter image description here" /></p>
  <p>jQuery UI modal window will appear. I used <a href="http://jqueryui.com/demos/autocomplete/#combobox" rel="noreferrer">jquery ui combobox</a> inside modal window. The problem is, there is no down arrow button as shown on <a href="http://jqueryui.com/demos/autocomplete/#combobox" rel="noreferrer">jquery ui combobox</a> demo.</p>
  <p><img src="https://i.stack.imgur.com/cdQ1r.png" alt="enter image description here" /></p>
  <p>I tried to find what causes the problem: Looked through combobox code, and when it called .button() it went into bootstrap.min.js, not jqui.js.</p>
  <p>As you see it's proof of conflict between 2 js libraries.</p>
  <p>Btw, Here is <a href="http://jsfiddle.net/sBXRn/" rel="noreferrer">jsFiddle</a> where it works well without bootstrap.</p>
  <h1>Problem</h1>
  <p>I have multiple ways to solve this conflict problem (WITHOUT TOUCHING FUNCTIONALITY OF THE WEBSITE) I need to get exactly same functionality as <a href="http://twitter.github.com/bootstrap/components.html#buttonDropdowns" rel="noreferrer">split button with dropdown menu (Twitter Bootstrap):</a></p>
  <ul>
  <li>if possible in jQuery-UI (something like <a href="http://www.jqueryui.com/demos/button/#splitbutton" rel="noreferrer">this</a> but with dropdown menu)</li>
  <li>else in CSS + HTML only</li>
  </ul>
  <p>and get rid off Twitter Bootstrap. Any solutions greatly appreciated. I'm ready to give 200 reps to good answer (as bounty). Thx in advance</p>