title: Cucumber & webrat, selecting from a radio button list
body: <p>I'm trying to get webrat to select a radio button from a list, using cucumber.</p>
  
  <p>I have this scenario:</p>
  
  <pre><code>Scenario: Update an existing article
      Given I have an article with title Big Bananas and body text Big yellow bananas are good for you
      And I am on the list of articles
      When I choose "Big Bananas"
      And press "Update article"
      And I fill in "Title" with "Massive Bananas"
      And I press "Save"
      Then I should have an article titled Massive Bananas
      And I should not have an article titled Big Bananas
  </code></pre>
  
  <p>And my view contains:</p>
  
  <pre><code>.
  .
  &lt;% @articles.each do |article| %&gt;
    &lt;tr&gt;
      &lt;td&gt;&lt;%= radio_button_tag "article", article.title %&gt;&lt;/td&gt;
      &lt;td&gt;&lt;%= article.title %&gt;&lt;/td&gt;
      &lt;td&gt;
        &lt;%article.tags.each do |tag|%&gt;
          &lt;div&gt;&lt;%= tag.name %&gt;&lt;/div&gt;
        &lt;%end%&gt;
      &lt;/td&gt;
    &lt;/tr&gt;
  &lt;%end%&gt;
  .
  .
  </code></pre>
  
  <p>The problem is that I need my radio button id to be the title of the article so web rat can pick it up from my cucumber scenario, at the moment my output for an item looks like:</p>
  
  <pre><code>&lt;tr&gt;
    &lt;td&gt;&lt;input id="article_big_bananas" name="article" type="radio" value="Big Bananas" /&gt;&lt;/td&gt;  
    &lt;td&gt;Big Bananas&lt;/td&gt;
    &lt;td&gt;  
      &lt;div&gt;fruit&lt;/div&gt;
      &lt;div&gt;yellow&lt;/div&gt;
    &lt;/td&gt;
  &lt;/tr&gt;
  </code></pre>
  
  <p>Any ideas how I should do this?</p>