# Externally load html with Jquery

**URL:** <https://forum.kirupa.com/t/externally-load-html-with-jquery/317254>\
**Category:** web dev\
**Created:** [December 15, 2010, 1:29am UTC](https://forum.kirupa.com/t/externally-load-html-with-jquery/317254 "2010-12-15T01:29:43Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![dudeman001](https://yyz1.discourse-cdn.com/flex011/user_avatar/forum.kirupa.com/dudeman001/32/2161_2.png) [@dudeman001](https://forum.kirupa.com/u/dudeman001)\
**Post date:** [December 15, 2010, 1:29am UTC](https://forum.kirupa.com/t/externally-load-html-with-jquery/317254/1 "2010-12-15T01:29:43Z")

</div>

Is it possible to externally load an html file into another with the use of a Jquery script? I’ve looked on Jquery’s site and found the Partial .load function but it doesn’t seem to work, maybe I’m writing it wrong.

```auto
<html>
	<head>
		<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>
		<script>
			$("#search_box").load("topbar.html");
		</script>
	</head>
	<body>
		
		<div id="search_box">
			
		</div>
	</body>
</html>

```

Maybe Jquery isn’t the approach I’m looking for, if that’s the case what would be the best way to externally load an html file through client-side methods?
