jquery - How to load page after success from ajax -

i want create feed facebook/twitter style feed automatically update after new entry updated. far, i've had this:

<form id="submitevent"> <textarea placeholder="suggest event!"></textarea> <a class="button" id="newevent" href="#">submit</a> <script> $('#newevent').click(function(e) { sugevent = $('textarea').val(); user = $('#username').text(); var data = "user=" + user + "&newevent=" + sugevent; $.ajax({     data: data,     url:"uploadinfo.php",     success:function(result)     {          $("#othersuggestedevents").load(updateevents.php);          $('#othersuggestedevents').show();     } }); $('textarea').val(""); });  </script> <div id="othersuggestedevents"></div> 

updateevents.php:

<?php  $hostname= -censored-; $username=-censored-; $password=-censored-; $dbname=-censored-; $conn = mysqli_connect($hostname, $username, $password, $dbname);     $results = mysqli_query($conn, "select * `suggestedevents` order `time` desc");     while($row = mysqli_fetch_array($results))      {         $username = $row['user'];         $event = $row['newevents'];         echo "<div id='userevents'>";          echo "<p>$event</p>";         echo "<h3>-$username</h3>";         echo "</div>";     } ?> 

the form able update database fine, <div id="othersuggestedevents"></div> empty. have no idea what's going wrong, appreciated!

try check response load() call like

$("#othersuggestedevents").load("updateevents.php", function(response, status, xhr) {   if (status == "error") {     alert("error: " + xhr.status + " " + xhr.statustext);   } }); 

hope u.