text() method no longer works after loading a text file

text() method no longer works after loading a text file

alert returns nothing.

  1. <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>

  3. <div id='first'></div>
  4. <p></p>
  5. <div id='second'></div>

  7. <script>
  8. $("#first").load("Matthew1.txt").css("white-space", "pre-line");
  9. var result=$("#first").text();
  10. alert(result);
  11. </script>

It seems $("#first").text() doesn't work after the load().