title: Bootstrap Popover doesn't work with MVC3
body: <p>I'm trying to use <code>"popover"</code> with a  <code>"@Html.PasswordFor"</code> MVC helper element, but displays only the title and not the content.
  The code is:</p>
  
  <pre><code> @Html.PasswordFor(model =&gt; model.Password, new {rel = "popover", 
                     data_original_title = "Choose new password",  
                     data_content = "minimum 8 chars"})
  </code></pre>
  
  <p>It generates HTML code like this:</p>
  
  <pre><code>&lt;input rel="popover" data-original-title="Choose new password" 
         data-content="minimum 8 chars" id="Password" name="Password"
         type="password" 
  /&gt;
  </code></pre>
  
  <p><strong>Javascript Code</strong>:</p>
  
  <pre><code>$(document).ready(function () {
      $("#Password").popover({ trigger: 'hover' });   
  });
  </code></pre>
  
  <p>That code works, but only displays the title ("Choose new password") and not displays the content ("minimum 8 chars")</p>
  
  <p>I tried writing the HTML code directly and it works fine, and it is the same code!!! but with Razor syntax not works.</p>
  
  <p>Can anyone help me? 
  I add an image with the result</p>
  
  <p><img src="https://i.stack.imgur.com/uvm0q.png" alt="Result"></p>