title: Using jquery to add html depending on other html
body: <p>I have some code as below</p>
  
  <pre><code>&lt;div class="box coursebox"&gt;
    &lt;h3 class="main"&gt;&lt;a title="GCSE English" href="http://vle.sheffcol.ac.uk/moodle/course/view.php?id=1656"&gt;GCSE English&lt;/a&gt; &lt;/h3&gt;
  &lt;/div&gt;
  &lt;div class="box coursebox"&gt;
    &lt;h3 class="main"&gt; &lt;a title="GCSE Maths" href="http://vle.sheffcol.ac.uk/moodle/course/view.php?id=1526"&gt;GCSE Maths&lt;/a&gt; &lt;/h3&gt;
    &lt;div class="assign overview"&gt;
       &lt;div class="name"&gt; Assignment: &lt;a title="Assignment" href="http://vle.sheffcol.ac.uk/moodle/mod/assign/view.php?id=59691"&gt;Algebra assignment 1&lt;/a&gt; &lt;/div&gt;
       &lt;div class="name"&gt; Assignment: &lt;a title="Assignment" href="http://vle.sheffcol.ac.uk/moodle/mod/assign/view.php?id=59691"&gt;Algebra assignment 1&lt;/a&gt; &lt;/div&gt;
    &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>What I want to do it use jquery to add the following bit of HTML</p>
  
  <pre><code>&lt;span class="button" id="button"&gt;Show activities&lt;/span&gt;
  </code></pre>
  
  <p>to each coursebox after the H3 tag IF there is a div.overview as a child.</p>
  
  <p>Firstly, is this possible, and if so how?</p>
  
  <p>Thanks</p>
  
  <p>Kieran</p>