title: Load a portion of an HTML page with $.AJAX and pass the value to a <span>
body: <p>This is my ajax code to retrieve a 2 line htlm page from a server ...</p>
  
  <pre><code>   $.ajax({
      type: 'GET',
      url: 'http://sc3.******/7.html', 
      success: function(data) {
         var result1 = $( '&lt;html /&gt;' ).html(data);
         var result2 = $( result1 ).filter( '#body' );  
  
         $('#resultSpan').text(result1) ;            
         alert( result1 ); // no alert at all here
      },
      error: function(jqXHR, textStatus, errorThrown) {
     alert( 'jqXHR  :' + jqXHR);
         $( '#resultSpan' ).text( 'Error: ' + jqXHR  ) ;  
      }
   });
  </code></pre>
  
  <p>The page is very simple something like this </p>
  
  <pre><code>&lt;HTML&gt;
     &lt;meta http-equiv="Pragma" content="no-cache"&gt;&lt;/head&gt;
     &lt;body&gt;6,1,22,50,5,128,Jason Mraz - I'm Yours&lt;/body&gt;&lt;/html&gt;
  </code></pre>
  
  <p>I want to read the  section and pass it to a div ...
  I have try severals methods and try some suggection from stackoverflow but i cantmake it work ...</p>
  
  <p>I always get the error alert and no alert for the result1 var and the resultSpan not getting the text from the body of the html page </p>