JQuery : Selecting A Parent When A Click Event Is Fired On A Child

In jQuery, how to select a parent element to a child if I attached a click event on the parent but also want a click event on a child within.

Let's say I have a the following code :

HTML Code:

There may be several of those classes in the page. I then use jQuery to replace the inner HTML to the clickclass div when clicked on with some other code and a input button (with an ID of, let's say 'save_button').

This works fine for that part:

HTML Code:

I then want to have the button clickable so that I can replace again the HTML in the div (like a save button). But if I try a separate event listener on the input button, it also fires the parent event. Even if I return false on the child event or use event.stopImmediatePropagation() in the .click child function.

I've managed to almost get it with the following code :

HTML Code:

If the event is triggerd form 'clickclass', then replace with HTML + input button

The problem is that whenever I try using .parent() with jQuery, it always tells me that parent() is not a function. I've tried various other ways of getting the parent object (the clickclass div) but can't get it to work.