title: How to populate html on Ajax success?
body: <p>I don't know how to write the success function to write the html below.  </p>
  
  <p>I'm guessing I need to use a for loop and populate  with each record returned in the json</p>
  
  <p>my js</p>
  
  <pre><code>&lt;script&gt;
      function UpdateStatus(){
              $.ajax({
                  type:"GET",
                  url:"/get_records/",
                  data: {
                      product:"test",
                  },
                  success: function(data){
                      console.log(data);
                  }
              });
          }
      }
  &lt;/script&gt;
  </code></pre>
  
  <p>the html I want populated:</p>
  
  <pre><code>&lt;div class="editview-product-box"&gt;
      &lt;H3&gt;record&lt;/H3&gt;
      &lt;div class="editview-radio-box"&gt;
          {% for record in records %}
          &lt;input type="radio" name="{{ record }}" /&gt; {{ record }}
          &lt;br /&gt; {% endfor %}
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>the current js works because I can see the api response in chrome dev network panel - however I can't get anything to log to the console for some reason, not sure why.</p>