elin3t/jsbin.ijexak.html

## jsbin.ijexak.html
<!DOCTYPE html>
<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
<meta charset=utf-8 />
<title>JS Bin</title>
</head>
<body>

  <div>
    Name:
    <span id="display">Jsbin</span>
    <input type="text" id="edit" style="display:none" />
  </div>

</body>
</html>

## jsbin.ijexak.js
$("#display").click(function(){
  $(this).hide();
  $(this).siblings("#edit").show().val($(this).text()).focus();
});

$("#edit").focusout(function(){
$(this).hide();  $(this).siblings("#display").show().text($(this).val());
});
	<!DOCTYPE html>
	<html>
	<head>
	<script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>
	<meta charset=utf-8 />
	<title>JS Bin</title>
	</head>
	<body>

	<div>
	Name:
	<span id="display">Jsbin</span>
	<input type="text" id="edit" style="display:none" />
	</div>

	</body>
	</html>
	$("#display").click(function(){
	$(this).hide();
	$(this).siblings("#edit").show().val($(this).text()).focus();
	});

	$("#edit").focusout(function(){
	$(this).hide(); $(this).siblings("#display").show().text($(this).val());
	});