title: Jquery: variable as ID selector not working
body: <p>Ok here is my code:</p>
  
  <pre><code>$tabularID = 0;
  $('a.swfselector').live('mouseover', function(event) {
              $tabularID= $(this).parent().attr('id');
              $(this).parent().children().not(this).find('.tab').each(function() {
                        $(this).fadeTo(100, 0.4)
              })
              $(this).find('.tab').each(function() {
                        $(this).fadeTo(100,1)
              })
  
      });
  $('#' + $tabularID).live('mouseleave', function(event) {
              alert($tabularID);
              $(this).children().find('.tab').each(function() {
                        $(this).fadeTo(100,1)
              })
  
      });
  </code></pre>
  
  <p>Jquery doesn't like this selector:</p>
  
  <pre><code>$('#' + $tabularID)
  </code></pre>
  
  <p>Although if I change it to:</p>
  
  <pre><code>$('#27')
  </code></pre>
  
  <p>It alerts my variable $tabularID just fine, so I know it isn't the variable that is wrong (Output of $tabularID is 27). I need a variable here because the parent ID changes depending on which they mouseover. </p>
  
  <p>Anyone can see what I can't? probably really obvious.</p>