Untitled

<!doctype html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <title>Form choices</title>
</head>
<body>

    <form>
        <fieldset>
            <legend>Theatre Booking</legend>


    <label for="show">Show:</label>
    <select class="form-control calculate" id="show" name="show">
       <option data-price="79" value="Phantom" selected>
		Phantom of the Opera
	   </option>
       <option data-price="85" value="Hamilton">Hamilton</option>
       <option data-price="67" value="Lion King">Lion King</option>
       <option data-price="83" value="Miss Saigon">Miss Saigon</option>
    </select>
	<p>Ticket Price: <span id="ticketPrice">79</span></p>

        <p>
          <label for="seats">Seats</label>
          <input type="number" min="1" name="seats" id="seats" required autofocus/>
        </p>

		<p>Discount: <span id="discountPercent">0%</span></p>
        </fieldset>


<fieldset>
    <legend>Delivery Method</legend>
    <label for="e-ticket">
        <input type="radio" id="e-ticket" name="delivery" value="e-ticket" checked required> e-Ticket
    </label>
    <label for="box_office">
        <input type="radio" id="box_office" name="delivery" value="box_office">Box Office Collection
    </label>
    <label for="posted">
        <input type="radio" id="posted" name="delivery" value="posted">Posted
    </label>
    <p>Cost of Delivery: <span id="deliveryCost">Free</span></p>
</fieldset>

    <fieldset>
        <legend>Delivery Information</legend>
    <p>
        <label for="firstName">Firstname: </label>
        <input type="text" id="firstName" name="firstName" required>
            </p>
    <p>
        <label for="surname">Surname: </label>
        <input type="text" id="surname" name="surname" required>
            </p>
    <label for="textarea">Address:</label>
    <textarea rows="5" id="address" name="address"> </textarea>


    </fieldset>

	<fieldset>
		<div class="form-control TotalPrices">
			<p>Total Price: <span id="totalPrice">0.00</span></p>
		</div>
		<div id="submit_wrapper">
			<input type="submit" id="submit" value="Book Tickets" />
		</div>
    </fieldset>

	</form>

      <script src="http://code.jquery.com/jquery-2.1.1.min.js"></script>
      <script src="scripts/formChoice.js"></script>
</body>
</html>