title: My first attempt with AJAX - Stuck
body: <p>This is in reference to <a href="http://jsfiddle.net/DLy6j/" rel="nofollow noreferrer">http://jsfiddle.net/DLy6j/</a> </p>
  
  <pre><code>     var echoHTML = '&lt;img src="URL-TO-MY-IMAGE.JPG"/&gt;';
  
          $.ajax({
              type: 'post',
              url: '/echo/html/',
              data: {
                  html: echoHTML,
                  delay: 2
              },
              beforeSend: function () {
                  $('#slider0-4').html('Loading...');
              },
              success: function (markup) {
                  $('#slider0-4').html(markup);
                  $('#slider0-4 img').on('load', function () {
                      //$(this).after('&lt;div&gt;Image loaded&lt;/div&gt;');
                      alert('Loaded');
                  });
              }
          }); 
  </code></pre>
  
  <p>(<a href="https://stackoverflow.com/questions/10822619/jquery-wait-till-ajax-page-is-fully-loaded">jQuery wait till AJAX page is fully loaded</a>).</p>
  
  <p>This is my first attempt trying to use $.ajax</p>
  
  <p>I cannot get my image to load. I have changed the echoHTML to the image-URL on my server, AND have tried uploading my html on there <em>thinking it might not work offline</em>, but to no avail.</p>
  
  <p>My guess is that somethings wrong here "<em>url: '/echo/html/',</em>". Have tried using my image in the JSFiddle above there and it loads just fine.</p>
  
  <p>Somebody show me the correct way to do this?</p>