concatination in JS failing

concatination in JS failing

hey guys i have the following code to dynamically change the content in a div : 

  1. var pg_prefix = 0;

  3. $('#next').on('click' , function(){
  4. pg_prefix++;
  5. if (pg_prefix >= 2) {
  6. var pg_prefix = '';
  7. }
  8. console.log('brands' + '-' + pg_prefix); // if console.logged , this give me "brands-NaN"
  9. // instead of "brands-1" or "brands-2"
  10. $('#brands').load('brands' + '-' + pg_prefix);
  11. });
my problem is my concatination is't working :  'brands' + '-' + pg_prefix

i get the following results instead of what i want . what can i do to correct this ? 

  1. if console.logged , this give me "brands-NaN"
  2. // instead of "brands-1" or "brands-2"
Thank you. 

Gautam.