title: Why is my jQuery .map not working here to combine my arrays?
body: <p>I have the following code, </p>
  
  <pre><code>&lt;script&gt;
  
          $.ajax({
          url: 'http://dev.markitondemand.com/MODApis/Api/v2/InteractiveChart/jsonp?parameters={"Normalized":false,"NumberOfDays":1095,"DataPeriod":"Day","Elements":[{"Symbol":"AAPL","Type":"price","Params":["ohlc"]}]}',
          dataType: 'jsonp',
          success: function(data) {
  
         var x_axis = (JSON.stringify(data.Elements[0].DataSeries.close.values, null, '\t'));
         var y_axis = (JSON.stringify(data.Dates, null, '\t'));
  
         var r = [];
  
         r = $.map(y_axis, function(n, i) {
              return [[n, x_axis[i]]]; 
         });
  
         $('#container').html(r);       
  
     }
   });
  &lt;/script&gt;
  </code></pre>
  
  <p>Variables <code>x_axis</code> and <code>y_axis</code>are two single dimensional arrays and I am trying to combine them in to a single multi dimensional array using jQuery's .map function.</p>
  
  <p>What am I doing wrong here?</p>
  
  <p>Here's a link to what I've got so far - <a href="http://jsbin.com/wuxocivato/edit?html,output" rel="nofollow">http://jsbin.com/wuxocivato/edit?html,output</a></p>