title: How to populate the radio div after ajax response?
body: <p>Html Div where I want to append my html inside this:</p>
  
  <pre><code>&lt;div class="col-md-12" style="border:1px solid green;height: 20px;"id="eng_skills"&gt;&lt;/div&gt; 
  </code></pre>
  
  <p>jQuery and AJAX code here. Response contains the HTML which I want to append inside my upper html:</p>
  
  <pre><code>$(document).ready(function(){
     var jobid=$("#eng_jobtitle").val();
     var worker_id=$("#worker_id").val();
     //alert(jobid);
     //alert(worker_id);
      $.ajax({
  
            type: 'POST',
            url: '/admin/listing-details/get_skills',
            data: {
                  "_token": "{{ csrf_token() }}",
                  "job_title_id" :jobid,
                  "worker_id" : worker_id
            },
            success: function (response)
             {
  
               html+='&lt;div class="form-group"&gt;';
               html+='&lt;span class="col-md-6 col-xs-12  no-padding set_text"&gt;';
               $.each(response,function(i,val){
                html+='&lt;label class=""&gt;'+val.skill_eng+'&lt;/label&gt;&lt;/span&gt;';
                html+='&lt;input type="radio"  name="'+ i +'" id="'+ i +'"/&gt;';
  
  
               })
               html+='&lt;span class="col-md-6 col-xs-12 set_text"&gt;';
               html+='&lt;input type="radio" name="cooking"&gt;&lt;label class=""&gt;Yes&lt;/label&gt;';
               html+='&lt;input type="radio" name="cooking"&gt;&lt;label class=""&gt;No&lt;/label&gt;';
               html+='&lt;/span&gt;';
               html+='&lt;/div&gt;';
              $('#eng_skills').html(html);
  
             }
    })
  })
  </code></pre>
  
  <p>Ajax which I'm getting is:</p>
  
  <pre><code>{"status":true,
  "result":
      [
  {"id":1,"job_id":1,"skill_eng":"cleaning","skill_arb":"\u062a\u0646\u0638\u064a\u0641","ordering":1,"added_date":"2018-01-31 00:00:00"},   
       {"id":2,"job_id":1,"skill_eng":"cooking","skill_arb":"\u062a\u0646\u0638\u064a\u0641","ordering":2,"added_date":"2018-01-31 00:00:00"},      
       {"id":3,"job_id":1,"skill_eng":"utensils washing","skill_arb":"\u0623\u0648\u0627\u0646\u064a \u0627\u0644\u063a\u0633\u064a\u0644","ordering":3,"added_date":"2018-01-31 00:00:00"},
       {"id":4,"job_id":1,"skill_eng":"cloths washing","skill_arb":"\u063a\u0633\u0644 \u0627\u0644\u0645\u0644\u0627\u0628\u0633","ordering":4,"added_date":"2018-01-31 00:00:00"}
  ]
  }
  </code></pre>
  
  <p>After creating my response I am not able to generate my input type radio as I want. It's not appending on the html, why is this happening?</p>