title: How to parse changed json data in handlebars?
body: <p><img src="https://i.stack.imgur.com/sfK9U.png" alt="Screenshot of the ouput"></p>
  
  <p>I want to display the json keys with different names. 
  Below are the months number which I want to display as jan, feb, mar... etc.</p>
  
  <p>My attempt is as follows. </p>
  
  <p>My result is 1, 2, 3, 4... and not as jan, feb, mar...</p>
  
  <p>What am I doing wrong?
  PS: using handlebars.js </p>
  
  <p>My HTML code: </p>
  
  <pre><code>{{#each this}}
     &lt;th style="white-space: nowrap;"&gt;{{@key}}&lt;/th&gt;
  {{/each}}
  </code></pre>
  
  <p>My JSON code: </p>
  
  <pre><code>"PaymentProfile":{  
                       "2017":{  
                          "1":"C",
                          "2":"C",
                          "3":"C",
                          "4":"C",
                          "5":"C",
                          "6":"C",
                          "7":"C",
                          "8":" ",
                          "9":" ",
                          "10":" ",
                          "11":" ",
                          "12":" "
                       },
  </code></pre>
  
  <p>My javascript: </p>
  
  <pre><code>var months=['Jan','Feb','Mar','Apr','May','June','Jul','Aug','Sep','Oct','Nov','Dec'];
  var mortgagePath=data.TradeLine['Mortgage Accounts']['0'].PaymentProfile;
                      $.each(mortgagePath,function(k,v){
                          console.log("year is"+k)
                          $.each(v, function(k1,v1){
                             // k1= months[k1];
                             console.log("month is "+months[k1-1]);
                             console.log("status is "+v1)
                          })
                      });
  </code></pre>