Javascript Variable within jQuery string

Question

Can anyone help out with what im doing wrong here?

DEMO

HTML

<div id="usercurrentccbox">
 <div class="cardChoice">
 <label for="mastercard"></label>
 </div>
</div>

JQUERY

$(document).ready(function(){
 var cct = "mastercard";
 //$('#usercurrentccbox .cardChoice label[for=mastercard]').addClass("active");
 $('#usercurrentccbox .cardChoice label[for="'+cct+'"').addClass("active");
});

CSS

 label{
 position:relative;
 float:left;
 width:200px;
 height:170px;
 border:1px solid #000;
}
label.active{
 border: 1px solid #d6d6d6;
}

Answer 1

You seem to be missing a closing ] in your selector.

// corrected
$('#usercurrentccbox .cardChoice label[for="'+cct+'"]').addClass("active");
// ^ over here

• Richard Neil Ilagan: Haha, my eyes just happened to land there first thing.

Answer 2

 $('#usercurrentccbox .cardChoice label[for="'+cct+'"]').addClass("active");

You just forgot the closing ]