$(document).ready(function(){
  $('<table><tbody><tr>') .insertAfter('#mainNav ul');
  $('#mainNav ul li a') .each(function(index) {
  	$(this)
	.appendTo('#mainNav tr')
	.wrap('<td>')
  });
  $('<td class="spacer">') .insertAfter('#mainNav td:not(:last)');
  //$('#mainNav td:last') .remove();
  $('#mainNav ul') .remove();
});