次のマークアップと JS がある場合、最初のステートメントは機能し、2 番目のステートメントは機能しないのはなぜですか?
jQuery
$('.selector').change(function () {
// does work
$(this).parent(".controls").after( "<div class=\"control-group\">Test</div>" );
// doesn't work
$(this).parent(".control-group").after( "<div class=\"control-group\">Test</div>" );
}
HTML
<div class="control-group">
<label class="control-label" for="description">Section Type</label>
<div class="controls">
<select class="selector">
// options
</select>
</div>
</div>