classifying <select> somehow does not work

1.         <select name="flip-1" id="flip-1" data-role="slider" class="bigga">
2.             <option value="off">taunus</option>
3.             <option value="on"> grenada</option>        </select>
4.         

2. $(document).ready(function() {
3.   $('bigga').hide();
4. });
 

If it did, the flip switch would get hidden. How come it doesn't? Is there a general rule in css of jqm or js that prevents this? What would be the workaround?