Q: display value (label name) of the clicked item i have a page with clickable divs  that has been populated dynamically with Json. The divs contains list of items, and when i click on a specific one, i get a new page that contains the name and details of the clicked item.
My issue is that i can't figure out how to display the label (name) of the item cliked, if you can give some help. Many thanks !
Here is my JSON array:
$data['dataHeader'] = array('id', 'Name', 'Value');
$data['dataJson']   = array(
                        array('id1', 'Jeans', 'blablablabla'),
                        array('id2', 'Leather Jacket', 'some random description'),
                        array('id3', 'Suede Boots', 'description of boots')
                    );

Here is what i tried to do :
(function( $ ) {        
    // Plugin to clickable element
    $.fn.infoClickable = function() {
        this.each(function() {          
            // get the object
            var elm = $( this );                
            // Define click event
            elm.on("click", function(){ 
                //Get info relative to clicked element          
                var currentPage         = elm.data("page");
                loadPage_X_Content(elm);
            });
        });
    }       
    // Load page 1
    loadPage1Content();
    // Application du plug-in
    $('.clickableDiv').infoClickable();
}( jQuery ));

function loadPage_X_Content(elm){
     var nextPage    = currentPage + 1;
     var nextPageName = '#LV' + nextPage +'Content';
     arrayOfData      = reponseData;
     currentValue     = arrayOfData;
     var elm          = $( this );
     var elmID        = elm.attr("id");
     var PageContent    = '';
     PageContent  += '<div>' + elmID + '</div>';

     $.ajax({
        url : "Pages/index.php",
        type:  'GET',
        dataType: 'json',
        data: 'action=loadPage' + '&ID=' + elmID,
        success: function(reponseData) {


For header :

        LVContent += '<div class="HeaderLine">';
        $.each(arrayOfData['dataHeader'], function(currentIdx, currentValue)
        {
              if (currentIdx > 0)   PageContent += '<div class="' + arrayOfData[currentIdx] + '">'+ currentValue +'</div>';
         });


For data :

         $.each(arrayOfData['dataJson'], function(currentIdx, currentValue){
              PageContent += '<div class="BlocLine clickableDiv" ';                 
              PageContent += ' id="' + currentIdx + "_" + currentContext + '"';
              PageContent += ' >';
              // columns
              $.each(currentValue, function(currentIdx, currentValueCol){
                   if (currentIdx > 0){
                   PageContent += '<div class=" '+ arrayOfData[currentIdx] +' "';
                   PageContent += ' >'+ currentValueCol +'</div>';                          
              }
         });
         PageContent += '</div>';
    });
    $(nextPageName).append(PageContent);
    $(nextPageName).find('.clickableDiv').infoClickable();

});


A: The code included does not specify what elm is. 
So just to clarify, is your elm:
 var elm = document.getElementById('theAttrDivId');

?
Also you're asking for the name but searching for the ID, so make sure it's:
 var elmID = elm.attr("name");

