title: Take a value + append a link tag with that value
body: <p>I am retrieving links to different pages and what I want to do is if user clicks on one of these links,  tag will be appended to html page with href which is stored as a value.</p>
  
  <p>So then in html page link will display and once clicked it will take to the page that user has choosen. So basically I want to be able for user to create their own navigation bar.</p>
  
  <pre><code>&lt;div id="dialog" title="Basic dialog"&gt;
  @foreach ($websites as $website)
  &lt;li&gt;&lt;a class="websites" value=" {{ url('website/' . $website-&gt;name) }}"&gt; {{  $website-&gt;name }}
  &lt;/a&gt;&lt;/li&gt; @endforeach
  &lt;/div&gt;
  </code></pre>
  
  <p>So I have started creating a function however it adds all links how to a trim it so only one is appended?</p>
  
  <pre><code>$(".websites").on('click', function() {
      $(".websites").appendTo("#content-link2");
  });
  </code></pre>