code block only works with F5

Question

someone would tell me why this block of code only works after refreshing the page?

var count = 0;

$( document ).ready(function() {

//  alert("testando bloco");
  $("#select_n").attr('id', 'select_' + count);

  $("#add").click(function(){
    count ++;

    // desnecessario
    $("#select_n").attr('id', 'select_' + count);

    //$("#filtro_subdisciplinas_select").attr('id', 'subdisciplinas_select_' + count);
    $("#subdisciplina_select_n").attr('id', 'subdisciplina_select_' + count);
    //$("#carro_div_n").attr('id', 'carro_div_' + carro_temp);

  });
});

Answer 1

Are you talking about $("#select_n") and changing your id to select_' + count. Then inside the click tries to refer to new id. $("#select_"+(count-1)).

var count = 0;

$( document ).ready(function() {
   //  alert("testando bloco");
   $("#select_n").attr('id', 'select_' + count);

   $("#add").click(function(){
        count ++;

        // desnecessario
        $("#select_"+(count-1)).attr('id', 'select_' + count);

        //$("#filtro_subdisciplinas_select").attr('id', 'subdisciplinas_select_' + count);
        $("#subdisciplina_select_"+(count-1)).attr('id', 'subdisciplina_select_' + count);
        //$("#carro_div_n").attr('id', 'carro_div_' + carro_temp);
    });
 });