title: Checking if textarea is empty in jQuery
body: <p>Here's my code:</p>
  
  <pre><code>if ($('#inputName').val() &amp;&amp; $('#inputEmail').val() &amp;&amp; $('#inputInstrument').val() &amp;&amp; $('#inputFee').val() $('#message').val() != '')
      {
          alert('success');
      }
      else
      {
          alert('fill in all fields');
      }
  </code></pre>
  
  <p>If I take out the last condition (<code>#message</code>), it works fine, but with it in I get:</p>
  
  <blockquote>
    <p>Uncaught SyntaxError: Unexpected identifier</p>
  </blockquote>
  
  <p>Here's the HTML:</p>
  
  <pre><code>&lt;form class="form-horizontal" role="form" action="includes/data.php" method="POST" id="findmusicians"&gt;
      &lt;div class="form-group"&gt;
          &lt;label for="inputName" class="col-sm-3 control-label"&gt;* Name&lt;/label&gt;
      &lt;div class="col-md-7"&gt;
              &lt;input type="text" name="inputName" class="form-control required" minlength="1" id="inputName"&gt;
              &lt;div id="hidden"&gt;&lt;/div&gt;
      &lt;/div&gt;
      &lt;/div&gt;
      &lt;div class="form-group"&gt;
          &lt;label for="inputEmail" class="col-sm-3 control-label"&gt;* Email&lt;/label&gt;
      &lt;div class="col-md-7"&gt;
              &lt;input type="email" name="inputEmail" class="form-control" id="inputEmail"&gt;
      &lt;/div&gt;
      &lt;/div&gt;
  &lt;div class="form-group"&gt;
      &lt;label for="inputPhone" class="col-sm-3 control-label"&gt;Telephone&lt;/label&gt;
      &lt;div class="col-md-7"&gt;
              &lt;input type="text" name="inputTelephone" class="form-control" id="inputTelephone"&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  &lt;div class="form-group"&gt;
      &lt;label for="inputInstrument" class="col-sm-3 control-label"&gt;* Instrument(s)&lt;/label&gt;
      &lt;div class="col-md-7"&gt;
          &lt;input type="text" name="inputInstrument" class="form-control" id="inputInstrument"&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  &lt;div class="form-group"&gt;
          &lt;label for="inputFee" class="col-sm-3 control-label"&gt;* Fee&lt;/label&gt;
          &lt;div class="col-md-7"&gt;
              &lt;input type="text" name="inputFee" class="form-control" id="inputFee"&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;div class="form-group"&gt;
      &lt;label for="message" class="col-sm-3 control-label"&gt;* Message&lt;/label&gt;
      &lt;div class="col-md-9"&gt;
          &lt;textarea name="message" id="message" class="form-control" rows="3" style="height: 200px"&gt;&lt;/textarea&gt;
          &lt;span class="help-block" style="text-align: left;"&gt;Please include as much information as possible including repertoire, rehearsal/performance times and venues.&lt;/span&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  &lt;div class="form-group"&gt;
      &lt;div class="col-md-3 col-md-offset-3"&gt;
          &lt;button id="findmusicians-submit" type="submit" class="btn btn-success"&gt;Submit request&lt;/button&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  &lt;div class="col-md-9 col-md-offset-3" style="text-align: left; padding-left: 5px"&gt;
      &lt;span id="result" class="text-success"&gt;&lt;/span&gt;
  &lt;/div&gt;
  &lt;/form&gt;
  </code></pre>