When website is loaded, get news from txt file - html

Question

This is my code:
<script type="text/javascript">
$(document).ready(function() {
$("body").ready(function() {
$.ajax({
url : "helloworld.txt",
dataType: "text",
success : function (data) {
$(".slider").html(data);
}
});
});
});</script>
I want this code to get HTML code from a .txt file and add it in here:
<div class="slider"> <!-- News Slider --> </div>
The txt file contains the following:
<div class="callbacks_container">
<ul class="rslides" id="slider">
<li>
<h2>Zeah</h2>
<h3>New continent, 50% expansion</h3>
</li>
<li>
<h2>Sailing</h2>
<h3>Sail around the world</h3>
</li>
<li>
<h2>2016</h2>
<h3>Christmas event coming to an end</h3>
</li>
</ul>
</div>
The function above doesn't work and I can't find a way to fix this.

Answer 1

You missed a few braces at the end and the URL should be /helloworld.txt
The / is importamt
I suggest using syntax highlighting.
<script type="text/javascript">
$(document).ready(function() {
$("body").ready(function() {
$.ajax({
url : "/helloworld.txt",
dataType: "text",
success : function (data) {
console.log("executed");
$(".slider").html(data);
}
});
})})
</script>