$('.tabl').mouseover(function() {
  $('td').hover(function() {
    $(this).animate({opacity: 0}, 40, function() {
      $(this)
        .css({'background': '#000'})
          .animate({opacity: 1}, 'slow');
      });
  }, function() {
    $(this).animate({opacity: 0}, 40, function() {
      $(this)
        .css({'background': '#fff'})
          .animate({opacity: 1}, 200);
    });
  });
});

$("#wrk").submit(function() {
	var form = document.forms[0];
	var name = form.name.value;
	var price = form.price.value;
  var tr = '<tr><td>'.concat(price, '</td><td>', name, '</td></tr>');
	form.reset();
	$('input[name="name"]').focus();
  if ( !($('.tabl').is(":visible")) ) {
    $('.tabl').show(600);
  };
	$('.tabl > table').append(tr);
});