title: Appending a variable to divs when I click on the div itself
body: <p>Can't seem to get this to work have tried using the this in jquery but it doesn't work any idea would be great. I am aiming at the variable changing on a click and then appending on next click of the &lt;'div'>. These should be independent and I have the code for switching the variable.</p>
  
  <p>Cheers Ferg</p>
  
  <p>HTML</p>
  
  <pre><code>&lt;div id="en"&gt;test&lt;/div&gt;
  &lt;div id="de"&gt;testing&lt;/div&gt;
  &lt;input type="button" value="Click Me"&gt;&lt;/input&gt;
  </code></pre>
  
  <p>Javascript</p>
  
  <pre><code>var lang='de';
  
  $('#en').click(function (){
    lang='en';
  });
  
  $('#de').click(function (){
    lang='de';
  });
  
  $(function(){
    var NewContent='&lt;div class="added"&gt;Added&lt;/div&gt;'
    $(this).click(function(){
        $("#spin").after(NewContent);
    });
  });
  </code></pre>
  
  <p><a href="http://jsfiddle.net/fergusp/Su3RC/104/" rel="nofollow">jsFiddle is here</a></p>
  
  <p>Cheers Again</p>
  
  <p>Update</p>
  
  <p>I have updated the fiddle here to be clearer <a href="http://jsfiddle.net/fergusp/Su3RC/117/" rel="nofollow">jsfiddle</a> i want to be able to specify which div the variable goes into.</p>