Make links on page bookmarkable

script.js

  // loop through the node list to get the innerHTML from each node
  // copy that as the id for the node
  var addId = function(list){
    for (i = 0; i < list.length; i++) {
      element = list[i];
      sectionCopy = element.innerHTML.toLowerCase().replace(/ /g, '-').replace(/([^0-9a-z-])/g,''); //substitute space with dash
      element.id = sectionCopy;
    }
  };

  var allH3 = document.getElementsByTagName('h3');
  addId(allH3);

  var allH2 = document.getElementsByTagName('h2');
  addId(allH2);

  // make the titles linkable
  $('h2[id]','.main').attr('title', 'Link to this section').click(function(e) {
    // chapterName = $('h2[id]','.main')[0].id;
    window.location.hash = $(e.currentTarget).attr('id');
  });

  $('h3[id]','.main').attr('title', 'Link to this section').click(function(e) {
    // chapterName = $('h2[id]','.main')[0].id;
    window.location.hash = $(e.currentTarget).attr('id');
  });  

  // mark image captions
  var caption = $('img').next().addClass('caption');