[devote]

<form>
    <font class="tablebodytext">
        <p>текст</p>
        <input type="submit" value="Оплатить" name="BuyButton">
    </font>
<form>
<script type="text/javascript">
  document.querySelector('input[name="BuyButton"]').addEventListener('click', function(e) {
    alert('Worked: ' + document.body.innerHTML);
    e.preventDefault();
  }, false);

  // что бы не потерять привязку событий
  // элементы нужно перемещать
  // самый наипростейший вариант на чистом JS

  // ищем элемент font
  var font = document.querySelector('font');

  // перемещаем все из него
  while(font.firstChild) {
    // вставляем перед элементом font
    font.parentNode.insertBefore(font.firstChild, font);
  }
  // удаляем пустой элемент font
  font.parentNode.removeChild(font);
</script>