fancies up a form

labels-to-placeholders.js

// takes a parent el (like a li) and goes to work on its children
// assumes the parent has one label and one input

function labelsToPlaceholders(parent) {
  $(parent).each( function(index){
    $(this).children('label').css('display', 'none');
    labelText = $(this).children('label').text();
    labelText = labelText.slice(0,-1);
    // console.log(labelText);
    $(this).children('input').attr('placeholder', labelText);
  } );
}