title: loading content into a div from data within a href
body: <p>so I am using Jquery to try and get a href link with a data variable that represents a div to load in an class called tile-are-main... it doesn't seem to be working though...</p>
  
  <pre><code>&lt;script type="text/javascript"&gt;
  
  
  $(function(){
      $(".submenu-who.nav-container a").click(function(e){
          e.preventDefault();
          var url = $(this).attr('href') + ' #' + $(this).attr('data-target');
          $('.tile-area-main').load(url);
      });
  });
  &lt;/script&gt;
  </code></pre>
  
  <p>this is the menu with the href in it ...</p>
  
  <pre><code>&lt;body class="metro"&gt;
  
     &lt;div class="submenu-who"&gt;
  
    &lt;header class='masthead'&gt;
    &lt;div class='brand-container'&gt;
      &lt;a href='#'&gt;
        &lt;span class='brand-initials'&gt;Who Are Musability?&lt;/span&gt;
        &lt;span&gt;&lt;i class="fa fa-briefcase brand-initials-icon"&gt;&lt;/i&gt;&lt;/span&gt;
      &lt;/a&gt;
    &lt;/div&gt;
    &lt;nav&gt;
      &lt;div class='nav-container'&gt;
        &lt;div&gt;
        &lt;a class='slide' href='#' data-target='mission'&gt;
            &lt;span class='element'&gt;Mission and Values&lt;/span&gt;
           &lt;/a&gt;
        &lt;/div&gt;
  </code></pre>
  
  <p>it is the a href with the data'mission' bit that refers to a div of text that i want into tile-area-main.. to keep it simple.</p>
  
  <p><strong>I think that I am missing out the classes between submenu-who and the a so in theory if i just add them all in with a space between each one that should work ?</strong></p>