makc9I,
так?
<!DOCTYPE HTML>
<html>
<head>
<title>Untitled</title>
<meta charset="utf-8">
<script src="http://code.jquery.com/jquery-latest.js"></script>
<script>
$(function () {
$(".free").mouseenter(function () {
$(this).text("бронь").css({
"background": "#FAD400",
"color": "#0000CD",
"cursor": "pointer"
})
}).mouseleave(function () {
$(this).text("свободно").css({
"background": "",
"color": "",
})
}).click(function () {
var myform = $("<form/>", {
"action": "url",
"method": "POST"
})
$("<input/>", {
"type": "text",
"name": "name"
})
.appendTo(myform);
$("<input/>", {
"type": "submit",
"value": "ok"
})
.appendTo(myform);
$(".free").off();
$(this).html(myform)
});
})
</script>
</head>
<body>
<div class="order_box"> <span class="time">7 : 00 - </span>
<span class="destination">Вологда(5001)</span>
<div class="seat1 place">Иванов Иван</div>
<div class="seat2 place free">свободно</div>
<div class="seat3 place free">свободно</div>
<div class="seat4 place free">свободно</div>
<div class="approved">Статус:подтверждено</div>
</div>
</body>
</html>