title: How do I open the content from an html page into a dialog from another html page with href using jQuery?
body: <p>I'm trying to get the content from an html page to load into a jQuery ui dialog box when the user clicks on the main html page.  However, while this seemed simple, it's not working.</p>
  
  <p>Here is my jQuery code:</p>
  
  <pre><code>&lt;script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"&gt;&lt;/script&gt;
  &lt;script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/jquery-ui.min.js"&gt;&lt;/script&gt;
  &lt;script&gt;
  $('#modal' ).dialog({ modal : true });
  
  $(function() {
       $('a[name=Test]').on('click', function(e){
       $('#modal').load(this.href).dialog('open');
    });
  });
  &lt;/script&gt;
  &lt;/head&gt;
  </code></pre>
  
  <p>HTML code:</p>
  
  <pre><code>&lt;body&gt;
      &lt;p&gt;&lt;a name="Test" href="test/test2.html"&gt;Click Here!&lt;/a&gt;&lt;/p&gt;
  &lt;/body&gt; 
  </code></pre>
  
  <p>Once I get this working, I'll move it to jsp's with the real code, but I'm trying to get it working standalone first.  </p>
  
  <p>I've seen other examples, but I haven't been able to get this to fire up the dialog with the content.  It only redirects me to the test2.html page.</p>
  
  <p>Any ideas on how to get this to work?</p>