jquery array stored check box not responding
<p><img src="http://i.stack.imgur.com/RSElA.jpg" alt="enter image description here">I have 4 group of checkboxes, in which i am grouping all this 4 in to an array, after i stored the group checkboxes, i can't add the event to those boxes, i think i am doing something wrong.. any one correct my code?</p>

<p>what i want is when a user click on a checkbox, then can check further withing group(max 4 allowed), if they switch to other group, then rest of the groups need to uncheck, and they have the rights to check 4 from which group they selected.</p>

<p>i am grouping like this, and next i need to disable and unable to group to allowing 4 selection, any good idea to get this done?</p>

<pre><code>var geoGroup = [];

$('input:checkbox','#geography').each(function(i){
    if(typeof geoGroup[$(this).attr('name')] == 'undefined')
        geoGroup[$(this).attr('name')] = [];
    geoGroup[$(this).attr('name')].push($(this));

    $('input:checkbox',geoGroup[$(this).attr('name')]).live('click', function(){
        alert('hi')
    })
})
</code></pre>
