JavaScript won't load when opening my webpage

Question

Hello I am trying to run this code but every time I open my webpage it doesn't load and I don't get the text I echo with php in the file "money.php". But if I open the console in my browser and run the code it does load. Does anyone know how I could fix this?

<script type="text/javascript">
$('[data-update]').each(function() {
  var self = $(this);
  var target = self.data('update');   
  var refreshId =  setInterval(function() { self.load(target); }, self.data('refresh-interval'));
});
</script>

<div data-update="money.php" data-refresh-interval="500">

Answer 1

Use This

    <script type="text/javascript">
        $(function() {
            $('[data-update]').each(function () {
                var self = $(this);
                var target = self.data('update');
                var refreshId = setInterval(function () {
                    self.load(target);
                }, self.data('refresh-interval'));
            });
        });
    </script>

OR This

    <script type="text/javascript">
        $(document).ready(function() {
            $('[data-update]').each(function () {
                var self = $(this);
                var target = self.data('update');
                var refreshId = setInterval(function () {
                    self.load(target);
                }, self.data('refresh-interval'));
            });
        });
    </script>