javascript - alert() does not work

Question

$(document).ready(function(){
  $(".a").click(function(){
    var a = (function(){
      alert(a);  // Line No: 4 
    },another());
  });
});
function another(){
  alert('Now Click B'); // Alert 1
  $(".b").unbind('click');
  var r = 0;
  $(".b").click(function(){
    alert('B Clicked'); // Alert 2
    return r;
  });
}

<p class="a">Click A First</p>
<p class="b">Click B</p>

Alert 1 and Alert 2 work properly but
Line No: 4 does not work.

Any suggestion ???

Answer 1

Line No: 4 does not work.

It doesn't work since the function is not invoked after defining, check this demo

Try this way

$(document).ready(function(){
  $(".a").click(function(){
    var a = (function(){
      alert(1);  // Line No: 4 
      another(); //observe that this line is not in the initialization here
    })(); 
  });
});