title: using jquery getJSON, how can I access a json array to select one element?
body: <p>Using the Plivo api, I am making a getJSON call, so the following is returned:</p>
  
  <pre><code>[
    {
      "group_id":"31505537702425",
      "number_type":"local",
      "prefix":"347",
      "region":"New York, UNITED STATES",
      "rental_rate":"0.80000",
      "resource_uri":"/v1/Account/MAMTE4MTHJNJRKODBIMD/AvailableNumberGroup/31505537702425/",
      "setup_rate":"0.00000",
      "sms_enabled":true,
      "sms_rate":"0.00450",
      "stock":46,
      "voice_enabled":true,
      "voice_rate":"0.00850"
      }
  ]
  </code></pre>
  
  <p>I can access it with <code>this["region"]</code>, for example, which allows me to print New York, UNITED STATES. No problem. </p>
  
  <p>But with this array:</p>
  
  <pre><code>{
      "api_id":"2653f0d4-c4a3-11e3-9c37-22000ac7849b",
      "message":"created",
      "numbers":[
        {
          "number":"13474749242",
          "status":"Success"
        }
      ],
      "status":"fulfilled"
  }
  </code></pre>
  
  <p>the same approach, <code>this["number"]</code>returns "undefined. </p>
  
  <p>The full code is:</p>
  
  <pre><code>function buy_number(id) {
         $("#results").html('')
         $("#results").html('renting your number.... hang on a sec');
          var group_id = id;
          $.getJSON("/rentnumber?group_id="+group_id, function(data) {
            $.each( data, function( key, value ) {
            $("#results").html("");
            $("#results").append('&lt;p&gt;You just bought '+this["number"]+'&lt;/p&gt;');
                       });
                 });
          }
  </code></pre>
  
  <p>It works, the number is bought but I cannot display the result on the user page. all help appreciated as always. </p>