JSON Data to container

JSON Data to container

I am trying to fill some content with JSON data:

HTML:
  1. <div id="overview">
  2.   <div class="counter" style="background: lime">
  3.     <h2 class="count-title" data-field="counter1">0</h2>
  4.   </div>
  5.   <div class="counter" style="background: red">
  6.     <h2 class="count-title" data-field="counter2">0</h2>
  7.   </div>
  8. </div>

JSON:
{ "counter1" : "5","counter2" : "30" }

JS:
  1. $.getJSON('<json file>', function (data) {
  2.    $('#overview'. ?????
  3. });

there are up to 20 counters, so the fields should filled in dynamic with json key as data-field and json value as data. In additon, the json data should be reloaded every 5 seconds.