Loading external html into a div

[latoyale]

Good day,
I am trying to load a div from one page, into a div on another page.

On the webpage I am loading the new div to I put:

<script> $("#activity").load("/master-module.html #module2");</script>

The place where the info is going is:

<div id="activity" class="buildBoxes-dreamit">
<h2 class="subTitle">Sports Activity |</h2><
<img src="images/mod1.jpg" width="236" height="116" />
<h3 class="buildH3"><br />
HELLO PEOPLE.</h3>
<h4 class="afterH4">Test text <br />
You may also like:</h3><br/>
<h3 class="buildH5"><img src="images/learnArrow.gif" width="3" height="5" /> Trailer Hitch Plug<br />
</div>



On my page called master-module.html I have nine modules. I am trying to pull in:


<div id="module2">
<div class="buildBoxes-dreamit">
<h2 class="subTitle">Sports Activity
<h3 class="buildH3"><br />
HELLO LITTLE ONE.</h3>
<h4 class="afterH4">TEST NEW MODULE<br />
</h4>

</div>
</div>


Why doesn't this work right? It looks right to me... what am i missing??

[abduraooft]

Can we have a link to your page?

[harbingerOTV]

Are you actually loading jQuery? Your script looks fine so that's my first guess.