Bootstrap 3.0 Popover Sample

HTML

<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css">
<script src="//netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="//netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.min.css">
<h2>
 Teste popover
</h2>
<a href="#" id="exemplo" class="btn btn-primary" data-texto="teste"
   data-original-title="Creativity Tuts">pop
</a>

<p>
   <textarea id="edit">Clique aqui para editar</textarea>
</p>

<button id="btEditar">Alterar</button>

JavaScript

$(function () {
    $('#exemplo').popover({
    	content: function() { 
         return $(this).data('texto'); 
      }
    });
    
    // $('#example').data('content')
    
    $('#edit').click(function () {
    	$(this).val($('#exemplo').data('texto'));
    });
    
    $('#btEditar').click(function () {
    	$('#exemplo').data('texto', $('#edit').val());
      $('#edit').val('');
    });
});