title: "unrecognized expression" in new form fields
body: <p>I'm running into a situation where I have a form written in javascript that creates profiles for people detailing the ir name bio etc.  Anyway, I tried to add some new fields to this form but each new field that I added is throwing an "unrecognized expression" error when I try to edit the profile information.  </p>
  
  <p>All fields from "fname" to "owner" are just fine but anything below that throws the error.  consistent with the explanation above, all fields below "owner" are new fields that I recently added.</p>
  
  <pre><code>    createForm: function(n) {
          item = $("&lt;table&gt; \
              &lt;tr&gt;&lt;th&gt;Name&lt;/th&gt;&lt;td class='twoinput'&gt;&lt;input name='pfname' placeholder='Jane'/&gt;&lt;input name='plname' placeholder='Smith'/&gt;&lt;/tr&gt; \
              &lt;tr&gt;&lt;th&gt;Title&lt;/th&gt;&lt;td&gt;&lt;input name='ptitle' placeholder='Chief Executive Officer'/&gt;&lt;/tr&gt; \
              &lt;tr&gt;&lt;th&gt;Short Bio&lt;/th&gt;&lt;td&gt;&lt;textarea name='pbio'/&gt;&lt;/textarea&gt;&lt;/td&gt;&lt;/tr&gt; \
              &lt;tr&gt;&lt;th&gt;Photo&lt;/th&gt;&lt;td&gt;&lt;input id='photo_upload' name='photo'/&gt; &lt;input type='button' id='photo_button' value='Open Media Library'/&gt;&lt;/tr&gt; \
              &lt;tr&gt;&lt;td colspan='2'&gt;(Optional) Upload a photo of &lt;acronym title='Replace this with their first name?'&gt;this person&lt;/acronym&gt;. The bigger the better&amp;mdash;don't worry, we'll scale this down for you.&lt;/td&gt;&lt;/tr&gt; \
              &lt;/table&gt;\
              &lt;br/&gt;\
              &lt;table&gt;\
              &lt;tr&gt;&lt;th&gt;Education&lt;/th&gt;&lt;td&gt;&lt;textarea name='pedu'/&gt;&lt;/textarea&gt;&lt;/td&gt;&lt;/tr&gt; \
              &lt;tr&gt;&lt;th&gt;Relevant Skills&lt;/th&gt;&lt;td&gt;&lt;textarea name='pskills'/&gt;&lt;/textarea&gt;&lt;/td&gt;&lt;/tr&gt; \
              &lt;tr&gt;&lt;th&gt;Professional Experience&lt;/th&gt;&lt;td&gt;&lt;textarea name='pprof'/&gt;&lt;/textarea&gt;&lt;/td&gt;&lt;/tr&gt; \
              &lt;tr&gt;&lt;th&gt;Awards &amp; Recognition&lt;/th&gt;&lt;td&gt;&lt;textarea name='pawards'/&gt;&lt;/textarea&gt;&lt;/td&gt;&lt;/tr&gt; \
              &lt;tr&gt;&lt;th&gt;Community Involvement&lt;/th&gt;&lt;td&gt;&lt;textarea name='pcommunity'/&gt;&lt;/textarea&gt;&lt;/td&gt;&lt;/tr&gt; \
              &lt;tr&gt;&lt;th&gt;Years with the Company&lt;/th&gt;&lt;td&gt;&lt;input type='text' size='2' maxlength='2' name='pyears'/&gt;years&lt;/td&gt;&lt;/tr&gt;\
              &lt;tr&gt;&lt;th&gt;Compensation Details&lt;/th&gt;&lt;td&gt;&lt;textarea name='pcompensation'/&gt;&lt;/textarea&gt;&lt;/td&gt;&lt;/tr&gt; \
              &lt;/table&gt;\
              &lt;br/&gt;\
              &lt;table&gt;\
              &lt;tr&gt;&lt;td id='ownershipquestion' colspan='2'&gt;Does this person have an ownership stake?&lt;/td&gt;&lt;td id='ownershipbox'&gt;&lt;input type='checkbox' id='part_owner' name='owner' value='1'/&gt;Yes&lt;/td&gt;&lt;/tr&gt;\
              &lt;tr&gt;&lt;td id='ownershipperquestion' colspan='2'&gt;What percentage does this person hold?&lt;/td&gt;&lt;td id='ownershipperanswer'&gt;&lt;input type='text' size='3' maxlength='3' id='ownership_percentage' name='ownership_percentage'/&gt;%&lt;/td&gt;&lt;/tr&gt;\
          &lt;/table&gt;");
          if(n &lt; upsmart.people.people.length) {
              p = upsmart.people.people[n];
              item.find("input[name=pfname]").attr("value",p.fname);
              item.find("input[name=plname]").attr("value",p.lname);
              item.find("input[name=ptitle]").attr("value",p.title);
              item.find("textarea[name=pbio]").attr("value",p.bio);
              item.find("input[name=photo]").attr("value",p.photo);
              item.find("input[name=owner]").attr("value",p.owner);
              item.find("input[name=ownership_percentage]").attr("value",p.ownership_percentage);
              item.find("input[name=pedu").attr("value",p.edu);
              item.find("input[name=pskills").attr("value",p.skills);
              item.find("input[name=pprof").attr("value",p.prof);
              item.find("input[name=pawards").attr("value",p.awards);
              item.find("input[name=pcommunity").attr("value",p.community);
              item.find("input[name=pyears").attr("value",p.years);
              item.find("input[name=pcompensation").attr("value",p.compensation);
          }
          return item;
      },
  </code></pre>
  
  <p><strong>An example of the exact wording of an error messages is:</strong></p>
  
  <blockquote>
    <p>Error: Syntax error, unrecognized expression: input[name=pedu</p>
  </blockquote>
  
  <p>All relevant javascript functions can be <a href="https://dl.dropboxusercontent.com/u/11993667/People_java.txt" rel="nofollow noreferrer">viewed here.</a></p>
  
  <p>Thanks in advance.</p>
  
  <p>Note: this is an evolution of the problem described in the post: <a href="https://stackoverflow.com/questions/18539542/problems-saving-data-in-added-fields-to-a-javascript-form">Problems saving data in added fields to a javascript form</a></p>