Display text into div not working

Question

The bootstrap editor is working good, but I want to display the entered data into a div with the id: enclousere. It works fine but the data should display like this:

Enclouser:

1. first enclouser
2. second enclouser
3. 3rd enclouser

But it displays like:

Enclouser:<div><ol><li>first enclouser</li><li>second enclouser</li><li>3rd enclouser</li></ol></div>

My model:

<div class="modal fade" id="myModale" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
   <div class="modal-dialog">
       <div class="modal-content">
           <div class="modal-header">
              <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
              <h4 class="modal-title" id="myModalLabel">Add Enclosure</h4>
           </div>
           <div class="modal-body sol">
              <textarea id="textareaIDe" class="form-control"></textarea>
           </div>
           <div class="modal-footer">
              <button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
              <button type="button" id="savedatae" data-dismiss="modal" class="btn btn-primary">Save changes</button>
           </div>
        </div><!-- /.modal-content -->
    </div><!-- /.modal-dialog -->
</div><!-- /.modal -->

MY JQuery:

$('#myModala').on('shown.bs.modal', function () {
  $('#textareaIDe').focus();
})
$("#savedatae").click(function(){
  var message = $('.sol .Editor-editor').html();
  alert(message);
  $('#enclousere').text(message);
  //alert(message);
});

Tag used to display:

<div class="fsize" id="enclousere"></div>

Answer 1

Use

.html(message);

Instead of

.text(message);