when website is loaded, get news from txt file :     <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><a href="http://services.runescape.com/m=news/christmas--zeah?oldschool=1">Zeah</a></h2>
										<h3><a href="http://services.runescape.com/m=news/christmas--zeah?oldschool=1">New continent, 50% expansion</a></h3>
									</li>
									<li>	          
										<h2><a href="https://www.facebook.com">Sailing</a></h2>
										<h3><a href="https://www.facebook.com">Sail around the world</a></h3>
									</li>
									<li>	          
										<h2><a href="http://services.runescape.com/m=news/old-school-in-2016?oldschool=1">2016</a></h2>		
										<h3><a href="http://services.runescape.com/m=news/old-school-in-2016?oldschool=1">Christmas event coming to an end</a></h3>
									</li>
								</ul>
							</div>

The function above doesn't work but i cant find a way to fix this, please help! Thanks!