I still haven't figured it out, but playing around and setting the ajax response as a jquery object, $(html), and making it global so I can view it's attributes through Firebug, I was able to locate the form element on the ajax response. It was the index-5 element for your test page. My sample code below. Though this still doesn't help as to why we can't reference it using #test2, maybe someone else can get something more out of it.
I've also tried appended the response to the page and still no go. -------------------------------------------------- var globalHTML; // global variable $(document).ready(function() { $.ajax({ url: 'http://www.puc.edu/dev/tests/linking-test', type: 'GET', success: function(html) { var $html = $(html); // wrap response as jquery object globalHTML = $html; // check object with firebug alert( $html.get(5).action ); } }); }); Using Firebug and looking at the attributes of the object I've found that the form is on the 5th-index of the object, for your test page. Though this still doesn't really help much alert( $(html).get(5).action ); On Apr 13, 10:28 am, Nic Hubbard <nnhubb...@gmail.com> wrote: > Ok, my test now reflects your suggestions. But, sadly, none of that > helped, it is still returning undefined. :( > > On Apr 13, 1:03 pm, Nic Luciano <adaptive...@gmail.com> wrote: > > > Hey Nic, > > > I have a couple small recommendations- hopefully one will fix the issue. > > > Try using $.get() instead of $.ajax, and specify "type" option as "html"- > > alternatively, you can use $.load() if your ultimate purpose is to inject > > this HTML into DOM. > > > In addition rather than using find(), just select by ID as a subset of the > > DOM node.. > > > alert($(html).find("#test") becomes > > alert($("#test", html)); > > > Hope some of this helps... cheers! > > > Nic Luciano > > Senior Web Developer @ > > AdaptiveBluehttp://www.twitter.com/niclucianohttp://www.linkedin.com/in/nicluciano > > > On Mon, Apr 13, 2009 at 3:35 PM, Nic Hubbard <nnhubb...@gmail.com> wrote: > > > > Nope, that does not work either. > > > > On Apr 13, 12:20 pm, Jack Killpatrick <j...@ihwy.com> wrote: > > > > Maybe try: > > > > > success: function(html){ > > > > alert($(html).find('form').attr('action')); > > > > > I had some issues in the past using form id's with the jquery form > > > > plugin, but usually getting it using 'form' worked. > > > > > That said, since the response isn't in the DOM yet, I'm not sure if that > > > > might present an issue (too/instead). > > > > > - Jack > > > > > Nic Hubbard wrote: > > > > > Yes, this is very odd. I have tried it quite a few ways, but I can > > > > > never target the form. Any other ideas? > > > > > > It is frustrating because I really need to target a form in the html > > > > > response... > > > > > > On Apr 13, 11:45 am, James <james.gp....@gmail.com> wrote: > > > > > >> That's strange. I can't get it to work either and I'm getting the > > > > >> same > > > > >> results as you (I can get #test2, but not #test). I've even truncated > > > > >> the response down to as if you're only receiving the <form> part and > > > > >> it still doesn't work. I'd be interested in seeing what happens here > > > > >> too. > > > > > >> On Apr 13, 6:47 am, Nic Hubbard <nnhubb...@gmail.com> wrote: > > > > > >>> Test page to show the problem:http://www.puc.edu/dev/tests/ajax-test > > > > > >>> On Apr 13, 9:33 am, Nic Hubbard <nnhubb...@gmail.com> wrote: > > > > > >>>> I am pulling my hair out over this. I swear that this is a bug. > > > > > >>>> For some reason, I CANNOT target any forms within the html > > > > >>>> response. > > > > >>>> I have tried very simple examples and it still won't work. Here is > > > > >>>> what I have, that still returns undefined: > > > > > >>>> HTML: > > > > >>>> <form id="test" action="http://test.com"> > > > > >>>> <span id="test2">this is my text</span> > > > > >>>> </form> > > > > > >>>> jQuery: > > > > >>>> success: function(html){ > > > > >>>> alert($(html).find("#test").attr('action')); > > > > >>>> alert($(html).find("#test2").text()); > > > > > >>>> } > > > > > >>>> #test2 works, but #test never does, and it seems this is because it > > > is > > > > >>>> a form. Have I done something wrong here? Can I not target a > > > > >>>> form? > > > > > >>>> On Apr 12, 4:35 pm, Nic Hubbard <nnhubb...@gmail.com> wrote: > > > > > >>>>> I have an ajax GET call that returns the HTML of a page on my > > > server. > > > > >>>>> Within that page is a form with a specific ID. I know it is > > > > >>>>> there, > > > I > > > > >>>>> can see it in the response in Firebug, but when I try to get > > > > >>>>> attributes of that ID, it always returns undefined! What have I > > > done > > > > >>>>> wrong here? > > > > > >>>>> success: function(html){ > > > > > >>>>> $(html).find('#main_form').each(function() { > > > > >>>>> var linking_data = $(this).serialize(); > > > > >>>>> var form_action = $(this).attr('action'); > > > > >>>>> alert(form_action); > > > > > >>>>> }); > > > > >>>>> } > > > > > >>>>> I have tried to not use each() and that still returns undefined. > > > > >>>>> I > > > > >>>>> don't get it.