This is jQuery Ajax Template 2

AJAX 2

<section id="confirm">
  <div class="flight-review">
    <table>
      <tr>
        <th>Base Price:</th>
        <td id="price"></td>
      </tr>
      <tr>
        <th>Gov Taxes:</th>
        <td id="fees"></td>
      </tr>
      <tr>
        <th>Trip Total:</th>
        <td id="total"></td>
      </tr>
    </table>
  </div>
</section>

jquery-ajax-2.js

function selectFlights(e){
  e.preventDefault();
  $('#tabs a.selected').removeClass('selected');
  $(this).addClass('selected');
  
  var flight = $(this).data('flight');
  var flightClass = $(this).data('class');
  
  $('confirm').hide();
  
  $.ajax('/flights' + flight, {
    data: { 'class': flightClass },
    dataType: 'json',
    success: showTotal
  });
}
function showTotal(json){
  $('#price').text(json.price);
  $('#fees').text(json.fees);
  $('#total').text(json.total);
  $('#confirm').slideDown();
}