title: how to position Jquery validate() error message along the side of my text input
body: <p>As you'll see in my code I'm been using the errorPlacement method. I first tried using an if else statement inside the method and the error message would at least show, but only underneath the input, not along side like I want. Since I have 6 inputs to test, I'm using the switch statement, which won't work for me at all. I have some css applied to the divs that the inputs are in, I don't know if this is interfering with where the message goes or what. </p>
  
  <pre><code>HTML
  
  &lt;div id ="column1"&gt;
               &lt;label&gt;Name of Show&lt;/label&gt;&lt;input type="text" name="performance" id="performance" /&gt; 
  
               &lt;label&gt;Name of location&lt;/label&gt; &lt;input type="text" name="location" id="location"/&gt;  
  
              &lt;label&gt;Date&lt;/label&gt; &lt;input type="text" id="date" name="date"/&gt; 
  &lt;/div&gt;
  
           &lt;div id="column2"&gt;
  
                &lt;label&gt;Time&lt;/label&gt;&lt;input type="text" id="time" name="time"/&gt;
  
                &lt;label&gt;# of Volunteers Needed&lt;/label&gt;&lt;input type="text" id="guests" name="guests"/&gt;
  
                &lt;label&gt;Cover&lt;/label&gt;&lt;input type="text" id="price" name="price"/&gt;
  
          &lt;/div&gt;
  
  JS   
  
  //this is just the error placement block, the other validate() code is working fine and omitted
  
  errorPlacement: function(error, element){
  
                                 switch(element)
                                           {
                                      case element.attr("name") === 'performance': 
                                                 error.insertAfter( $("#performance") );
                                                  break;
                                           case element.attr("name") === 'location':
                                                      error.insertAfter( $("#location") );
                                                       break;
                                               case element.attr("name") === 'date':
                                                          error.insertAfter( $("#date") );
                                                          break;
                                                  case element.attr("name") === 'time':
                                                              error.insertAfter( $("#time") );
                                                              break;
                                                       case element.attr("name") === 'guests':
                                                            error.insertAfter( $("#guests") );
                                                                  break;
                                                       case element.attr("name") === 'price':
                                                             error.insertAfter( $("#price") );
                                                                      break;
                                                                  default:
                                                //nothing
                                              }
  
                                 },
  </code></pre>