Erro jquery

[Wagner Martins - SC 0]

Olá pessoal,

 

Esta dando esse erro no código jquery

 

Uncaught Typerror: Cannot call method 'html' of undefined.

 

Esse é meu código:

 

 

 

 

$(document).ready(function(){
 
    var counter = 1;
 
    $("#addButton").click(function () {
 
if(counter>3){
            alert("É permitido somente ateh 3 crianças");
            return false;
}   
 
var newTextBoxDiv = $(document.createElement('div'))
    .attr("id", 'TextBoxDiv' + counter);
 
newTextBoxDiv.after().html('<label>Idade '+ counter + '</label><br /><select style="background-color:#D1D1D1; color:#3C3C3C; border:0px;" name="idade' + counter +'" id="textbox' + counter + '" ><option value="1">1</option><option value="2">2</option><option value="3">3</option><option value="4">4</option><option value="5">5</option></select>');
 
newTextBoxDiv.appendTo("#TextBoxesGroup");
 
 
counter++;
     });
 
     $("#removeButton").click(function () {
if(counter==1){
          alert("No more textbox to removde");
          return false;
       }   
 
counter--;
 
        $("#TextBoxDiv" + counter).remove();
 
     });
 
     $("#getButtonValue").click(function () {
 
var msg = '';
for(i=1; i<counter; i++){
     msg += "\n Textbox #" + i + " : " + $('#textbox' + i).val();
}
     alert(msg);
     });
  });

esta dando erro aqui

 

 

newTextBoxDiv.after().html('<label>Idade '+ counter + '</label><br /><select style="background-color:#D1D1D1; color:#3C3C3C; border:0px;" name="idade' + counter +'" id="textbox' + counter + '" ><option value="1">1</option><option value="2">2</option><option value="3">3</option><option value="4">4</option><option value="5">5</option></select>');

Mais não estou conseguindo arrumar, poderiam me ajudar?

[William Bruno 1501]

pq vc usou .after() ?