title: jquery star rating plugin and jquery click function
body: <p>I'm using the jquery star rating plugin: <a href="http://www.fyneworks.com/jquery/star-rating/" rel="nofollow noreferrer">http://www.fyneworks.com/jquery/star-rating/</a></p>
  
  <p>I might get some html code like this:</p>
  
  <pre><code>&lt;form name="api-disable"&gt;
    &lt;input type="radio" class="star {split:2}" name="api-readonly-test" value="1"/&gt;
    &lt;input type="radio" class="star {split:2}" name="api-readonly-test" value="2"/&gt;
    &lt;input type="radio" class="star {split:2}" name="api-readonly-test" value="3"/&gt;
    &lt;input type="radio" class="star {split:2}" name="api-readonly-test" value="4"/&gt;
    &lt;input type="radio" class="star {split:2}" name="api-readonly-test" value="5"/&gt;
    &lt;input type="radio" class="star {split:2}" name="api-readonly-test" value="6"/&gt;
    &lt;input type="radio" class="star {split:2}" name="api-readonly-test" value="7"/&gt;
    &lt;input type="radio" class="star {split:2}" name="api-readonly-test" value="8"/&gt;
    &lt;input type="radio" class="star {split:2}" name="api-readonly-test" value="9"/&gt;
    &lt;input type="radio" class="star {split:2}" name="api-readonly-test" value="10"/&gt;
    &lt;input type="button" value="Submit &amp;raquo;" onClick="
     $(this).next().html( $(this.form).serialize() || '(nothing submitted)' );
    "/&gt;
    &lt;span&gt;&lt;/span&gt;
   &lt;/form&gt;
  </code></pre>
  
  <p>This works fine, but if I try to call my own function my function doesn't alert. For example:</p>
  
  <pre><code>$('.star').click( function () {
      alert('test');
  });
  </code></pre>
  
  <p>I also tried attaching an id and making that the click function, but still no luck. If I remove the star class from the buttons then my function will work. So it seems some of the code in this plugin prevents outer functions? What would I need to do to call my own function?</p>