jquery, how to know div is hidden?

$('#id').is(':hidden');    //true if is hidden
$('#id').is(':visible');   //true if is visible

example:

if(!$("#single_pattern").is(':hidden')) {
 

$('#mygrid').jqGrid('setSelection', $("#id_rule").val());
            }