Home/ Questions/Q 8914799
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-15T04:49:05+00:00

If your prepend a FORM element with a P element, elements below the DIV

  • 0

If your prepend a FORM element with a P element, elements below the DIV in the example will not be selected!

<P><FORM id=f ...
<INPUT ...>
<DIV><INPUT (this element is not selectable)
</DIV>
</FORM>

No $('#f INPUT').events will happen in IE for the second input above
Try the testcase at: http://jsfiddle.net/jorese/Bzc7M/

In IE you will receive an alert=3, remove the P element in front of the FORM element and you get the expected alert=5. In Chrome|FF you get alert=5 as expected.

Can somebody explain this?

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Your HTML code is not valid, it contains a few errors, the reason why some browsers render it is that they tolerate invalid code to some extent by trying to guess what the developer originally wanted to write.

    The div element can be used to group almost any elements together. Indeed, it can contain almost any other element, unlike p, which can only contain inline elements.

    Use div instead:
    http://jsfiddle.net/mshMX/

    Sitepoint reference: http://reference.sitepoint.com/html/p

    W3 reference http://www.w3.org/TR/html4/sgml/dtd.html

    A former StackOverflow question about the same problem: Why <p> tag can't contain <div> tag inside it?

    • 0