Question

Basically when I click a button I want to call a function and run the button click function:

This jQuery runs when the page loads:

jQuery( document ).ready( function ( $ ) {
  $('ul li:first-child').addClass( 'first_item' );
  className = $('.first_item').attr('id');
  alert('Date is:'+ className +'.');
});

And this jQuery runs when the a button is clicked:

jQuery( document ).ready( function ( $ ) {
    $('.button').click(function() {
        $('.tweets ul').prepend($('.refreshMe').html());
    });
});

I want to do both when the button is clicked, how can i combine the two?

P.P:

What If i wanted to add another function into the mix, all to run together:

    $(".refreshMe").everyTime(5000,function(i){
        $.ajax({
          url: "test.php?latest="+className+"",
          cache: false,
          success: function(html){
            $(".refreshMe").html(html);
          }
        })
    })

Answer 1

Place the code that runs on page load in a function that is called in both situations.

    // Place all the code in one .ready() function instead of two.
jQuery( document ).ready( function ( $ ) {

       // Place your code in its own function
    function initialize() {
        $('ul li:first-child').addClass( 'first_item' );
        className = $('.first_item').attr('id');
        alert('Date is:'+ className +'.');
    }

       // Call the function on page load
    initialize();

    $('.button').click(function() {
        $('.tweets ul').prepend($('.refreshMe').html());
           // Call the function in the click handler
        initialize();
    });
});