$("#selector").click(function(){
    $("#target").append("Some text to be added...");
});
	
var messages = [
  'First click appends text "Message 1"',
  'Second click appends text "Message 2"',
  'Third click appends text "Message 3"'
];

var i = -1;

var target = $("#target");

$("#selector").click(function(){
    target.append(messages[i = ++i % messages.length]);
});
	
var i = -1;
	
++i; // 0
i = i % messages.length; // 0

messages[ i ]; // first message (index 0)
	
++i; // 1
i = i % messages.length; // 1

messages[ i ]; // second message (index 1)
	
++i; // 2
i = i % messages.length; // 2

messages[ i ]; // third message (index 2)
	
++i; // 3
i = i % messages.length; // 0, because 3 % 3 === 0

messages[ i ]; // first message (index 0)
	
$("#selector").click(function(){
    ++i;
    i = i % messages.length;

    target.append(messages[ i ]);
});
	
(function () {
    var messages, i;

    i = 0;
    messages = [
        'Message 1 ... ',
        'Message 2 ... ',
        'Message 3 ... '
    ];

    $( elem ).click( function () {
        if ( i === messages.length ) { i = 0; }
        $( target ).append( messages[ i ] );
        i += 1;
    });
}());
	
<div id="selector">Select</div>
<div id="target">Target</div>


var i = 1;
$("#selector").click(function(){
    if(i > 4) {return false} else {
         $("#target").append("Message"+i);
    }

    i++;
});