title: Display json response in ajax jquery,
body: <p>The JSON Response I'm getting,</p>
  
  <pre><code>     {
          "user_data": {
          "id": 22,
          "first_name": xxx,
          "last_name": xxx,
          "phone_number": "123456789",
          },
          "question_with_answers" : [
              {
             "id": 1,
             "question_name": "Features of our project that you like (select one 
              or more):",
             "answers": [
                  {
                  "id": 19,
                  "question_id": 1,
                  "customer_id": 22,
                  "option": "Location",
                  },
                  {
                  "id": 20,
                  "question_id": 1,
                  "customer_id": 22,
                  "option": "Architecture",
                   }, 
                 ]
              },
              {
              "id": 2,
              "question_name": "Features of our project that you DID NOT like 
               (select one or more):",
                   "answers": [
                   {
                  "id": 22,
                  "question_id": 2,
                  "customer_id": 22,
                  "option": "Location",
                   },
  
                  ]
               },
               {
               "id": 3,
               "question_name": "How soon are you looking to buy a new home?",
               "answers": [
                      {
                         "id": 24,
                         "question_id": 3,
                         "customer_id": 22,
                         "option": "Immediately",
                     }
                   ]
                }
             ]
            }
  </code></pre>
  
  <p>So that is how JSON response looks like, now I need to display data  using jquery</p>
  
  <p>My js code </p>
  
  <pre><code>     function openModal(Id){
       var CustomerId = Id;
       $.ajax({
          type : 'get',
          url: 'customer-details',
          data: {
              'CustomerId':CustomerId
          },
  
          success: function(data)
          {
              //what I have to do here
          }
       })
  } 
  </code></pre>
  
  <p>The output I want is,</p>
  
  <pre><code>first_name : xxx           
  last_name  : xxx 
  phone_number : 123456789
  
  1.Features of our project that you like (select one or more):
  ans: Location, Architecture
  
  2.Features of our project that you DID NOT like (select one or more)
  ans: Location
  
  3.How soon are you looking to buy a new home?
  ans: Immediately
  </code></pre>
  
  <p>Thats how my output should look like from above json response,Is it possible to get above output using that Json response I got
  There are two variable that I have passed from backend like user_data and question_with_answers</p>