title: Getting an email address from a Jsonfile and use it in DOM so it can be clicked on
body: <p>This is my first question on stackoverflow, so i might not be doing it right. Anyway i have a Json file wich contains information about the users. The ideas is that through jquery it automatically loads the information in the DOM and that that is possible for other users to click on the email address to get in contact. In code below you can see the code i've written (with a lot of help already). </p>
  
  <pre><code>        &lt;div id="users_profile"&gt;&lt;/div&gt;     
  
          &lt;script&gt;var data = { "users":[
          {
              "fullName":"Ray Villalobos",
              "city":"Amsterdam",
              "nation":"Germany",
              "language":"German, English, Spanish",
              "sports":"Tennis, Running",
              "emailAddress": "rayvilla@gmail.com"
  
          },
          {
              "fullName":"John Jones",
              "city":"Paris",
              "nation":"China",
              "language":"German, English, Spanish",
              "sports":"Football, Tennis, Running",
              "emailAddress":"jonesjohn@gmail.com"
  
  
          }
  ]}
  
  var output="&lt;ul&gt;";
  for (var i in data.users) {
      output+="&lt;li&gt;&lt;h2&gt;" + data.users[i].fullName + "&lt;/h2&gt;&lt;/li&gt;" 
            + "&lt;li&gt; Lives in: " + data.users[i].city + "&lt;/li&gt;" 
            + "&lt;li&gt; Nationality: " + data.users[i].nation + "&lt;/li&gt;"
            + "&lt;li&gt; Speaks: " + data.users[i].language + "&lt;/li&gt;"
            + "&lt;li&gt; Practices the following sports: " + data.users[i].sports + "&lt;/li&gt;"
            + "&lt;li&gt; Send email to " + data.users[i].emailAddress + "&lt;/li&gt;";         
  }
  
  output+="&lt;/ul&gt;";
  
  document.getElementById("users_profile").innerHTML=output;
  </code></pre>
  
  <p>Thanks in advance! </p>
  
  <p>Emo</p>