Differentiating Checkboxes and Labels with the Same Identifier

Differentiating Checkboxes and Labels with the Same Identifier

Hi.
 
We have some HTML code that was created in APEX, and this code uses the same identifer, at least in terms of name, for a checkbox and its adjacent "label for" element. 
 
We have to dynamically append an input box next to these elements, and the initial state of these input boxes must be DISABLED.  The issue is that when a user clicks just on the input box, the checkbox gets checked.  With the state of the input box not DISABLED or READONLY, this doesn't happen.  It's as though when the DISABLED or READONLY states are set, their action--being clicked upon--is passed over to the checkbox.  Below is a bare bones example.  If we had control over the initial HTML, this wouldn't be an issue, because we would use differently named identifiers, but we are forced to get the initial HTML from APEX.  Is there any way in JQuery to treat a DISABLED or READONLY input box separately from the elements before it, even though the identifier names are the same?  This one has me pulling out the final few strands of my hair.  Any help would be greatly appreciated!  Thank you.  --JR    
 
<html>
  <head>
    <script type="text/javascript" src="jquery.js"></script>
    <script type="text/javascript">
      $(function () {
        $("label[for=P1_0]").append(' <input type="text" id="XP1_0" size="1" disabled="disabled">');
      });
    </script>
  </head>
  <body>
    <table>
      <tr>
        <td>
          <input type="checkbox" id="P1_0" /><label for="P1_0">XYZ</label>












        </td>
      </tr>
    </table>
  </body>
</html>