title: How to get Ajax returns an array with objects with multiple values and append to HTML
body: <p>I am trying to get a response with multiple arrays and pass to view so users can click on it and make request to another endpoint.</p>
  
  <p>The response has value and text. </p>
  
  <pre><code>  &lt;body&gt;
          &lt;div class="container"&gt;
              &lt;div class="text-center"&gt;
                  &lt;h3&gt;Get Prices&lt;/h3&gt;
                  &lt;hr&gt;
                  &lt;h3&gt;Price 1&lt;/h3&gt;
                  &lt;p id="price1"&gt;&lt;/p&gt;
  
                  &lt;hr&gt;
                  &lt;h3&gt;Price 2&lt;/h3&gt;
                  &lt;p id="price1"&gt;&lt;/p&gt;
  
                  &lt;hr&gt;
                  &lt;h3&gt;Price 3&lt;/h3&gt;
                  &lt;p id="price1"&gt;&lt;/p&gt;
  
                  &lt;hr&gt;
                  &lt;h3&gt;Price 4&lt;/h3&gt;
                  &lt;p id="price1"&gt;&lt;/p&gt;
              &lt;/div&gt;
          &lt;/div&gt;
  
          &lt;script&gt;
           //http://datarecapture.premiumpension.com:8089/api/Prices/GetAllFundNames
  
  
          $(document).ready(function () {
          $.ajax({  
              type: 'GET',
              url: 'http://datarecapture.premiumpension.com:8089/api/Prices/GetAllFundNames',
              contentType: "application/json",
  
              success: function(results) {
                 console.log(results)
                 for(var i=0; i&lt; results.length; i++)
                  {
                  $('#price1').append()
                  {
                      value: result[i].FUND_ID[0]
                      Text: result[i].FUND_NAME[0]
                  }
                  $('#price2').append()
                  {
                      value: result[i].FUND_ID[1]
                      Text: result[i].FUND_NAME[2]
                  }
  
                  $('#price3').append()
                  {
                      value: result[i].FUND_ID[2]
                      Text: result[i].FUND_NAME[2]
                  }
  
                  }
  
          //$('ul#response').html(results);
        },
        error: function(xhr, status, error){
  
          debugger
           var errorMessage = xhr.status + ': ' + xhr.statusText
           alert('Error - ' + errorMessage);}
      });
  
    });
  </code></pre>