Obtener el nombre del producto del elemento principal

Aquí trato de obtener el nombre del producto en el cuadro de alerta cuando se hace clic en el botón “Comprar ahora”. También necesito mantener el evento onclick del botón para el cual he colocado el código en jquery.

Sample Product Name

http://jsfiddle.net/LkKbz/

El enfoque que hice es darme un cuadro de alerta en blanco podría ser porque estoy llamando al elemento padre. Por favor ayuda

Tenga en cuenta que aquí no quiero la alerta cuando se hace clic en el nombre o la imagen del producto. Solo quiero el botón

Cambia esto:

 var text = $(this).parents(".item").find('.product-name').text(); 

aquí está la respuesta

 var text = $(this).parents('li').first().find('.product-name').text(); 

http://jsfiddle.net/LkKbz/1/