<div class="modal fade" id="newcontact" role="dialog">
<div class="modal-dialog modal-sm">
<div class="modal-content">
<div class="modal-header">
<h4 class="modal-title">New Contact</h4>
</div>
<div class="modal-body" id="additemsdiv">
<form role="form" id="new-contact">
    <div id='new-alert'></div>
    <div class="form-group">
                  <label for="itemname">Item Name</label>
                  <input type="text" class="form-control" id="contactname" name="contactname" placeholder="Enter Contact Name">
    </div>
    <div class="form-group">
              <label for="itemname">Telephone No:</label>
              <input type="text" class="form-control" id="telephone" name="telephone" placeholder="Enter Telephone Number">
</div>

<div class="form-group">
          <label for="itemname">Ward Name:</label>
          <input type="text" class="form-control" id="wardname" name="wardname" placeholder="Enter Ward Name or Select Below">
</div>


<div class="form-group">
              <label for="itemname">Ward:</small></label>
              <select class="form-control" id="target" name='target'> </select>
</div>
<button type="button" class="btn btn-default btn-primary" id='addcontact' name='addcontact'><span class="glyphicon glyphicon-plus"></span>Add Contact</button>

</form>

</div>
<div class="modal-footer">
        <button type="button" class="btn btn-danger" data-dismiss="modal">Close</button>
      </div>

</div>
</div>
</div>
<script>

</script>
