title: Any reason why jquery .click() wouldent target an a tag?
body: <p>I am stumped as to why my query .click() is not working. I am trying to change the href tag on an a element, before it goes to the next page.  </p>
  
  <p>here is my jquery </p>
  
  <pre><code>    $('.individualFormSections').click(function() {      
      var formSectionTitle = $(this).siblings('div').text(); // gets section title that was clicked
      console.log(formSectionTitle);
  
      assetConfigIdForURL = assetConfigIdForURL.replace(/\s+/g,'-');
      woTypeCodeForURL =  woTypeCodeForURL.replace(/\s+/g,'-');
      woMaintTypeCode = woMaintTypeCode.replace(/\s+/g,'-');
      formSectionTitle = formSectionTitle.replace(/\s+/g,'-');
  
      // Change href dynamically to set url parameters
      $(this).attr("href",'airSystem.html?insp_asset_config_id='+assetConfigIdForURL+'&amp;wo_type_code='+woTypeCodeForURL+'&amp;wo_maint_type_code='+woMaintTypeCode+'&amp;formSection='+formSectionTitle+'&amp;wo_id='+woIdForURL+'');
  
   });
  </code></pre>
  
  <p>Here is the html</p>
  
  <pre><code>            &lt;a class="individualFormSections" href=""&gt;
                &lt;img class="bus-form-img" src="pull-up.jpg" alt="Trolltunga Norway"&gt;
              &lt;/a&gt;
              &lt;div class="desc" id="bodyDamageDesc"&gt;AirSystem&lt;/div&gt;
  </code></pre>
  
  <p>I also tried doing a simple alert and its not even targeting the a tag.  My javascript link is set up correctly.</p>
  
  <p>A little background, the html is getting generated dynamically from a previous javascript function. When I use chrome developer tools, all the html shows just fine. Any ideas on what could be causing this?</p>