[makc9I]

вот такой получился код:

$(".today .free, .usual .free, .holliday .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": "<?PHP $_SERVER['PHP_SELF']; ?>",
                    "method": "POST"
                 })
                 $("<input/>", {
                     "type": "text",
                     "name": "name",
         	     "class": "name_input"
                  })
                    .appendTo(myform);

                  $("<input/>", {
                      "type": "submit",
                      "value": "ok",
  		      "id": "name_submit"
                    })
                      .appendTo(myform);
			
                   $(".free").off();
                   $(this).html(myform);
		   $(this).append("<button> отмена</button>")
		   $(this).css ({
			"cursor":"default"
		   })
           })
})

Теперь осталось как-то удалить всю форму по нажатию кнопки отмена.