I recently started learning JavaScript and jQuery and I might be stuck on a newbie error. I'm trying to keep my code as easy to read as possible, so I decided to store a chunk of HTML concatenated with a variable inside another variable. The concatenated variable holds a numeric value that gets updated every time I use the variable that holds everything, the html, and the other variable.

Something like this:

```
var variableA  = 1;
var variableB = "<h4>Header number : "+ variableA +"</h4>";

var addHeader = funtcion(){
  $('#mainDiv').prepend(variableB);
  variableA++;
};

```

Whenever I call that function later in the code it always prints "Header number 1", what can I make it print the correct/desired values?

Header number 1

Header number 2

Header number 3