How to NOT pass 'Other' option for SELECT

How to NOT pass 'Other' option for SELECT

How can I NOT pass anything from a SELECT when "Other" is selected? Selecting "Other" opens a separate text field that'll pass the answer when the form is submitted?

FORM CODE
  1. <div class="form-group">
  2.             <label for="fruit" class="control-label">If you were a fruit, you'd be a(n).../label>
  3.             <select id="fruit" name="fruit" data-value="fruit" class="form-control">
  4.                 <option value="" selected>-- Please Select --</option>
  5.                 <option value="Apple">Apple</option>
  6.                 <option value="Blueberry">Blueberry</option>
  7.                 <option value="Orange">Orange</option>
  8.                 <option value="Watermelon">Watermelon</option>
  9.                 <option value="">Other</option>
  10.             </select>
  11.             <div id="fruitContainer" class="form-group">     
  12.                 <input name="fruit" type="text" class="form-control" id="fruit">
  13.             </div>
  14.         </div>
CSS
  1. #fruitContainer {
  2.      display:none;
  3. }
jQuery
  1. $(function(){
  2.      $("#fruit").change(function(){
  3.           $("#fruitContainer").toggle(this.checked)
  4.       })
  5. })