Witam

Może któryś z użytkowników podpowie. Mam kod html:

[HTML] pobierz, plaintext 
<div id="main">
<div class="1"><input type="checkbox" value='1'/>Box 1<br/></div>
<div class="2"><input type="checkbox" value='2'/>Box 2<br/></div>
<div class="3"><input type="checkbox" value='3'/>Box 3<br/></div>
<div class="4"><input type="checkbox" value='4'/>Box 4<br/></div>
<input type="button" value="Hide Unchecked" id='getUnChecked' />
</div>
[HTML] pobierz, plaintext 

A pod nim skrypt

[HTML] pobierz, plaintext 
<script>
$('#getUnChecked').click(function(){
var selectedChk = '';
$("div#main :checkbox").not(":checked").each(function() {
$('.'+$selectedChk).hide()
});
});
</script>
[HTML] pobierz, plaintext 

Zadaniem skryptu jest aby po kliknięciu w "Hide Unchecked" ukrywał niezaznaczone div class w których znajdują się niezaznaczone checkboxy. Problem powstał przy ostatniej linii która ma tworzyć nazwę klasy do ukrycia

[HTML] pobierz, plaintext 
$('.'+$selectedChk).hide()
[HTML] pobierz, plaintext 

Może ktoś podpowie jak poprawnie stworzyć taką nazwę? A może można to zrobić jeszcze prościej?

Powinno byc raczej cos w ten desen:

[HTML] pobierz, plaintext 
$('.'+$(this).val()).hide()
[HTML] pobierz, plaintext 

Faktycznie, proste
Dziękuję