title: ajax call append to link
body: <p>I want to append a picture after the link with the same url as the link.
  With the AJAX code below i get this outcome:</p>
  
  <pre><code>&lt;a href="images/Draadloos.png" data-lightbox="gallerij"&gt;&lt;/a&gt;
  </code></pre>
  
  <p>Example of what i want:</p>
  
  <pre><code>&lt;a href="images/Draadloos.png" data-lightbox="gallerij"&gt;&lt;img src="images/Draadloos.png" id="ResizePicture" Alt="Draadloos" /&gt;&lt;/a&gt;
  </code></pre>
  
  <p>AJAX:</p>
  
  <pre><code>$.ajax({
      url: 'xml/images.xml',
      dataType: 'xml',
      success: function(data){
          console.log(data);
          $(data).find('images image').each(function(){
              var url = $(this).find('url').text();
              $('.timeline ').append(
                  $('&lt;a /&gt;', {
                      href: url,
                      "data-lightbox": "gallerij"
  
                      }));
              });
          },
      error: function(){
          console.log('Fotos zijn niet ingeladen');
          }
  });
  </code></pre>
  
  <p>HTML:</p>
  
  <pre><code>&lt;div class="timeline"&gt;&lt;/div&gt;
  </code></pre>