title: How to make links show up in a random position on each page load?
body: <p>I'm working on a project where I want clickable links to appear in a different position each time you visit/refresh the page. So far, I've gotten this:</p>
  
  <pre><code>&lt;script&gt;
  for (var i=1; i &lt;= 1; i++) {
      var x = Math.max(0, Math.min(70, Math.ceil(Math.random() * 100)));
      $('&lt;div1&gt;').css({
          position: 'absolute',
          width: '150px',
          height: '50px',
          left: x + '%',
      }).html("&lt;p&gt;CLICK ME&lt;p&gt;").appendTo('body');
  }
  </code></pre>
  
  <p>This code does what I want it to do, but I can't figure out how to add a link to this. Adding an <code>&lt;a&gt;</code> tag to the .html part of it doesn't work (I've also never really used jQuery before). I'd like to know what I'm doing wrong, and how to fix this. </p>