<input name='tarif' id='tarif'>
<li><a href="/blabla/1" title="one" class="close"><div class="select">Тариф 1</div></a></li>
<li><a href="/blabla/2" title="two" class="close"><div class="select">Тариф 2</div></a></li>
<li><a href="/blabla/3" title="tree" class="close"><div class="select">Тариф 3</div></a></li>
<li><a href="/blabla/4" title="for" class="close"><div class="select">Тариф 4</div></a></li>

$(document).ready(function() {
    $('#tabs a').click(function(e) {
      // вы там понаписали - хорошо пересмотрите, большая часть ересь
      // для первого варианта
      $("#tarif").val(this.href);
      // для второго
      $('#mymegaplace').load(this.href);
    });
})();

<!--
  тут ваше поле, в которое на форме, и в которое вбивается значение тарифа. можно скрытым, можно readonly, можно и скрытым и к примеру текстом, как душа пожелает
-->
<input name='tarif' id='tarif'>

<!--
  тут ваши табы на тарифы. так как свойство ссылки не используется - мы можем вполне этим воспользоваться
  вместо TARIFN вписывайте на стороне пхп нужные вам цифры, либо цифры впишите в атрибут "title"
-->
<li><a href="TARIF1" title="one" class="close"><div class="select">Тариф 1</div></a></li>
<li><a href="TARIF2" title="two" class="close"><div class="select">Тариф 2</div></a></li>
<li><a href="TARIF3" title="tree" class="close"><div class="select">Тариф 3</div></a></li>
<li><a href="TARIF4" title="for" class="close"><div class="select">Тариф 4</div></a></li>

$(document).ready(function() {
    $('#tabs a').click(function(e) 
    {
      // при клике на ссылку устаналиваем ее значение в нужные поля
      // this - сама ссылка, this.href - значение тарифа
      $("#tarif").val(this.href);
      // для title - $("#tarif").val($(this).attr('title'));
      // возвращаем отказ, чтобы не было перехода по ссылке
      return false;
    });
})();