Form input values using jQuery
<p>The following is a snippet of my form</p>

<pre><code>&lt;span style="font-weight: bold;" id="program_name_1"&gt;Basics&lt;/span&gt;

&lt;form accept-charset="UTF-8" action="/programs/1" class="edit_program" data-remote="true" id="edit_program_1" method="post"&gt;
    &lt;input id="program_name" name="program[name]" size="30" type="text" value="Basics" /&gt;
&lt;/form&gt;
</code></pre>

<p>Here is the jquery I'm trying to use</p>

<pre><code>function set_updated_program_values(id)
{
  $('#program_name_' + id).html($('#edit_program_' + id + ' input:#program_name').val());
  alert('new name is ' + $('#edit_program_' + id + ' input:#program_name').val());
}
</code></pre>

<p>The span tag isn't being updated, and the alert says it is undefined.  Am I doing something wrong here?</p>
