title: Another input radio is effecting my jquery
body: <p>I got a jquery statement that shows/hides image upload input based on the user's radio selection.</p>
  <p>I now have an issue where another radio selector component is started to interfere with the below. If any radio selector from the other section is pressed. All the file inputs disappear.</p>
  <p>The below radio selector culprit</p>
  <pre><code>&lt;div class=&quot;background-choices&quot;&gt;
    &lt;h3&gt;Color&lt;/h3&gt;
      &lt;label&gt;
      &lt;input id=&quot;background-choice-input&quot; type=&quot;radio&quot; name=&quot;color&quot; value=&quot;Blue&quot; /&gt;
        &lt;img src=&quot;https://www.colorhexa.com/000080.png&quot;&gt;
      &lt;/label&gt;
  &lt;/div&gt;
  </code></pre>
  <p>My jquery statement</p>
  <pre><code>$(document).ready(function() {
    $('input[type=&quot;radio&quot;]').click(function() {
      $('.imagehide').hide(); // Hide all images here
      if ($(this).attr('id') === '1choice') {
        $('#img-image1').show();
      } else if ($(this).attr('id') === '2choice') {
        $('#img-image1').show();
        $('#img-image2').show();
      } else if ($(this).attr('id') === '3choice') {
        $('#img-image1').show();
        $('#img-image2').show();
        $('#img-image3').show();
      } else {
      }
    });
  });
  </code></pre>