title: How can I get a data attribute from an array into an h3 on the DOM using js / jquery?
body: <p>I have a var that has some data attributes in it.</p>
  
  <pre><code>var test = {
    "game": [
      {
        "Title": "blah",
        "Type": "Sports"
      }
    ]
  }
  </code></pre>
  
  <p>I am trying to populate the Title in a h3 on the DOM.  This is what I am currently trying to use:</p>
  
  <pre><code>$(function(){
    $('#currentGame').val(test.game[0].Title);
  });
  </code></pre>
  
  <p>When I do this I don't get an error but nothing shows up on the page.  The #currentGame is the id of the h3.</p>