jQuery "Close button"

<!DOCTYPE html>
<html>
  <head>
    <script type="text/javascript" src="http://code.jquery.com/jquery-2.1.4.min.js"></script>
    <script type="text/javascript">$(document).ready(function(){$(".closable").append("<span class='closebtn'>X</span>"),$(".closebtn").click(function(){$(this).parent().remove()})});</script>
    <style type="text/css">
    .closable {
      position: relative;
    }
    .closebtn {
      cursor: pointer;
      display: inline-block;
      position: absolute;
      top: 0px;
      right: 0px;
      margin: 0px;
      padding: 4px;
      color: rgba(0,0,0,0.25);
      width: 25px;
      height: 25px;
      font-size: 16px;
    }
    .closebtn:hover {
      color: rgba(0,0,0,0.5);
    }
    </style>
  </head>
  <body>
    <!-- Insert content here -->
  </body>
</html>