Unknown element in JQUery click
<p>I am having a Html generated using JQUery and its like </p>

<pre><code>&lt;p class="fieldChoices title" style=""&gt;
  Choices:
  &lt;input id="Choice1" value="option1" maxlength="150"/&gt;
  &lt;div class="seperator"/&gt;
  &lt;p class="deleteChoice1 cutsom_button deleteField"&gt;&lt;/p&gt;
  &lt;div class="seperator"/&gt;
  &lt;input id="Choice2" value="option2" maxlength="150"/&gt;
  &lt;div class="seperator"/&gt;
  &lt;p class="deleteChoice2 cutsom_button deleteField"&gt;&lt;/p&gt;
  &lt;div class="seperator"/&gt;
&lt;/p&gt;
</code></pre>

<p>I  am trying with on click of deleteChoice1 the corresponding Choice1 must be removed from the .fieldChoices using JQuery..</p>

<p>Also i may not know in JQuery whether i am clicking deleteChoice1 /deleteChoice2 ,,
so i dont know how to resolve it using JQuery..please suggest me....</p>
