jQuery html method

<!DOCTYPE html>
<html>
<head>
<title>jQuery Demo example</title>
 <script type="text/javascript" src="http://code.jquery.com/jquery-2.1.4.min.js">
 </script>
<script type="text/javascript">
         $(document).ready(function(){      
               $( "#htmlExample" ).on( "click", function(event) {             
                 $("div").html("<h3>I have been added using html() method..</h3><span style='background:yellow;'>Span....</span>.");
              });
});
</script>
<style>
div{
margin:10px;
height:300px;
width:300px;
border:2px solid red;
float:left;

}
</style>

</head>	
<body>
<h4 ><a href="javascript:void(0);" id="htmlExample">Click to run .html() Example </a></h4> 
<div>Hello World!</div>
</body>
</html>