title: Use LI to select radio input?
body: <p>I am using a payment button generator for a specific selection of items that creates a pre-made radio list of prices.  When you select the amount/item you want, you then click "continue" and it triggers the modal payment box (which then goes to PayPal).  All of that is working great.  The problem is the pre-made option gives you NO place to add descriptions or paragraphs or any other html.  So I have added a list of items above using basic html and content and am now trying to trigger the corrosponding radio selector on-click.</p>
  
  <p>My unordered list of items are wrapped in a basic div and each item has a custom ID.</p>
  
  <pre><code>&lt;div id="items-container"&gt;
    &lt;ul&gt;
      &lt;li id="item1"&gt;&lt;div&gt;my content&lt;/div&gt;&lt;/li&gt;
      &lt;li id="item2"&gt;&lt;div&gt;my content&lt;/div&gt;&lt;/li&gt;
    &lt;/ul&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Directly below this block of code is the pre-generated form from the payment module I am using.  It generates a checkbox selection for prices like this:</p>
  
  <pre><code>&lt;form method="post" action="#"&gt;
    &lt;ul id="prices-wrap-radio-list"&gt;
      &lt;li&gt;
      &lt;input type="radio" value="10.00" id="level-1" name="price-level" data-price-id="1"&gt;
      &lt;label for="level-1"&gt;Level 1&lt;/label&gt;
    &lt;/li&gt;
    &lt;li&gt;
      &lt;input type="radio" value="20.00" id="level-2" name="price-level" data-price-id="2"&gt;
      &lt;label for="level-2"&gt;Level 2&lt;/label&gt;
    &lt;/li&gt;
    &lt;/ul&gt;
  &lt;/form&gt; 
  </code></pre>
  
  <p>(and so on).
  Is there any way to force the form to select the corrosponding level with the items in the list above? Can I wrap my LI tag with a link tag that triggers the checkbox for that specific item/level?  Or would I need some jQuery for that?</p>
  
  <p>Thanks!</p>