title: How to add title (tooltip) on selectpicker disabled option?
body: <p>I have a <em>selectpicker</em> with many languages i.e. <code>&lt;li&gt;</code> tags under <code>&lt;ul&gt;</code> tag as below given image.</p>
  
  <p><a href="https://i.stack.imgur.com/dsg66.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/dsg66.png" alt="Drop Down List (selectpicker)"></a></p>
  
  <p>It can be seen that the <strong>+ Add Language</strong> <code>li</code> of <em>selectpicker</em> is disabled. It is happening because in actual html's <code>&lt;select&gt;</code>'s <code>option</code> is disabled as following image</p>
  
  <p><a href="https://i.stack.imgur.com/pZ66j.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/pZ66j.png" alt="HTML view"></a></p>
  
  <p>Now the concern is:
  selectpicker picks the select option and apply all the properties but did not carry the title (it can bee seen on <code>&lt;select&gt;</code>'s <code>&lt;option&gt;</code> value; <code>title="My Title"</code>) while hover over the disabled <code>&lt;li&gt;</code> tag. In my opinion it is happening because disabled class on this <code>&lt;li&gt;</code> tag is overriding the title behavior by adding that <strong><em>ban</em></strong> icon.</p>
  
  <p>Please let me know how can I enable this behavior while using select picker. I want title to be displayed while hovering over the disabled option.</p>
  
  <p><strong>Edit:</strong>
  Kindly refer to the code snippet for better understanding.</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"&gt;&lt;/script&gt;
  &lt;script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"&gt;&lt;/script&gt;
  &lt;link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet"/&gt;
  &lt;script src="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.10.0/js/bootstrap-select.min.js"&gt;&lt;/script&gt;
  &lt;link href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-select/1.10.0/css/bootstrap-select.min.css" rel="stylesheet"/&gt;
  Language:
  &lt;select class="selectpicker"&gt;  
      &lt;option&gt;English&lt;/option&gt;
      &lt;option disabled title="My Title"&gt;+ Add Language&lt;/option&gt;    
  &lt;/select&gt;</code></pre>
  </div>
  </div>
  </p>