Code gives me: A B C

When I click on A B C it always shows me the last one "vodka". I want "martin" (for A), "lindsay"(for B), "vodka" (for C)
Please help me on my example.

myArray = [
 {
 letter: "A",
 brand: "martin"
 },
 {
 letter: "B",
 brand: "lindsay"
 },
 {
 letter: "C",
 brand: "vodka"
 }
];
var list = '';
for (var i = 0; i < myArray.length; i++) {
 list += "<br>" + myArray[i].letter;
 
 new_info = myArray[i].link;
 $(this).click(function(){
 $('#box2').text(new_info);
 });
}
$('#box1').append(list);

Code gives me: A B C

When I click on A B C it always shows me the last one "vodka". I want "martin" (for A), "lindsay"(for B), "vodka" (for C)
Please help me on my example.

myArray = [
 {
 letter: "A",
 brand: "martin"
 },
 {
 letter: "B",
 brand: "lindsay"
 },
 {
 letter: "C",
 brand: "vodka"
 }
];
var list = '';
for (var i = 0; i < myArray.length; i++) {
 list += "<br>" + myArray[i].letter;
 
 new_info = myArray[i].link;
 (function(new_info) {
  $(this).click(function(){ //this - refers to A or B or C
 $('#box2').text(new_info);
 });
}).call(this, myArray[i])
}

$('#box1').append(list);

Code gives me: A B C

When I click on A B C it always shows me the last one "vodka". I want "martin" (for A), "lindsay"(for B), "vodka" (for C)
Please help me on my example. That's the best way I'll understand closures finally.

myArray = [
 {
 letter: "A",
 brand: "martin"
 },
 {
 letter: "B",
 brand: "lindsay"
 },
 {
 letter: "C",
 brand: "vodka"
 }
];
var list = '';
for (var i = 0; i < myArray.length; i++) {
 list += "<br>" + myArray[i].letter;
 
 new_info = myArray[i].link;
 $(this).click(function () {
 $('#box2').text(new_info);
 });
}
$('#box1').append(list);

Code gives me: A B C

When I click on A B C it always shows me the last one "vodka". I want "martin" (for A), "lindsay"(for B), "vodka" (for C)
Please help me on my example.

myArray = [
 {
 letter: "A",
 brand: "martin"
 },
 {
 letter: "B",
 brand: "lindsay"
 },
 {
 letter: "C",
 brand: "vodka"
 }
];
var list = '';
for (var i = 0; i < myArray.length; i++) {
 list += "<br>" + myArray[i].letter;
 
 new_info = myArray[i].link;
 $(this).click(function () {
 $('#box2').text(new_info);
 });
}
$('#box1').append(list);