Bootstrap popover title option do not override the html element title
<p>I'm initializing Bootstrap's popovers like this:</p>

<p><div class="snippet" data-lang="js" data-hide="false">
<div class="snippet-code">
<pre class="snippet-code-js lang-js prettyprint-override"><code>$(document).on("click", ".print-barcode", function () {
    $(this).popover({
        html: true,
        container: 'body',
        title: '&lt;strong&gt;Some other title&lt;/strong&gt;',
        content:
        '&lt;div class="form-group per60"&gt;' +
          '&lt;div class="input-group"&gt;' +
            '&lt;input class="form-control print-quantity" type="text" placeholder="бр" value="1" &gt;' +
            '&lt;div class="input-group-btn"&gt;' +
              '&lt;button class="btn btn-default print-barcode-send"  &gt;' +
               '&lt;span class="glyphicon glyphicon-print"&gt;&lt;/span&gt;' +
              '&lt;/button&gt;' +
            '&lt;/div&gt;' +
          '&lt;/div&gt;' +
        '&lt;/div&gt;',
        placement: 'bottom'
    }).popover('toggle');
});</code></pre>
<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.6/js/bootstrap.min.js"&gt; &lt;/script&gt;

&lt;link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" /&gt;

&lt;div class="container"&gt;
  &lt;button class='btn btn-sm btn-default print-barcode' data-toggle='tooltip' data-placement='top' title='Print barcodes' value='4575456465' data-product-name='Product name' data-product-price='123'&gt;&lt;span class='glyphicon glyphicon-barcode'&gt;&lt;/span&gt;&lt;/button&gt;
&lt;/div&gt;</code></pre>
</div>
</div>
</p>

<p>The problem is that the title that I set in jQuery do not override the button title attribute. </p>

<p>Any ideas?</p>